我需要在vscode上运行项目,然后请求远程服务器的接口,需要把http://www.htqq.sale/wlrz/php/admin/muser/login.php这个接口分为两部分,http://www.htqq.sale/wlrz/php,这是第一部分,/admin/muser/login.php,这是第二部分,要求以后我可以随时更换第一部分的地址,可以帮我的直接私信我远程调试。
别给我发链接,我又不是不会谷歌,解决不了才来问的嘛
'/dev-api/': {
target: 'http://www.htqq.sale/wlrz/php/',
changeOrigin: true,
logLevel: 'debug'
}
# base api
VUE_APP_BASE_API = '/dev-api'
请求
/admin/muser/login.php
不对的话,我帮你远程。
pathRewrite: {
'^/php': '/php'
}
不需要加pathRewrite
'/test': {
target: 'http://www.htqq.sale/wlrz/php',
changeOrigin: true,
logLevel: 'debug',
pathRewrite: {
'^/test': ''
}
url: 'test/admin/muser/login.php
打开F12的网络,确认下标头是不是拼接成了你想要的地址。
开发环境不需要拼接完整URL,仅需要请求/admin/muser/login.php,由dev-server完成代理
正式环境视实际情况而定。同域下同样路径直接/即可,不同则需要拼接完整URL
// 1. 设置环境变量
// .env.development 中 VUE_APP_BASE_API = ''
// .env.production 中 VUE_APP_BASE_API = 'http://www.htqq.sale/wlrz/php'
// 2.设置axios
const axios = axios.create({
baseURL: process.env.VUE_APP_BASE_API,
...
})
export default axios
// 3.使用axios实例请求
import request from '...' // axios路径
return request({
url: `/admin/muser/login.php` // 如不设置axios baseURL,也可在这里拼接
...
})
// 4.设置代理,代理本地请求/admin开头的
'^/admin': {
target: 'http://www.htqq.sale/wlrz/php',
changeOrigin: true,
}