vue.config.js中没有proxy相关代码。不改Request URL会多一个vue-element-admin。

Question

请问老师，现在vue.config.js中没有proxy相关代码。如何修改？如果不改的话，运行请求Request URL: https://www.domain.com:18082/vue-element-admin/user/login 中间会多一个vue-element-admin。谢谢了！

Answer 1

Sam 2020-03-26 20:26:30

您好，这个问题主要检查 src/utils/request.js 中 baseURL 的设置：

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

课程中采用 VUE_APP_BASE_API 作为 baseURL，该配置文件位于 .env.development 中：

VUE_APP_BASE_API = 'https://book.youbaobao.xyz:18082'

这里使用绝对路径，就可以解决你说的那个问题了

• 提问者 farmyard #1

  非常感谢！

• Wuhk #2

  绝对路径???
  是什么绝对路径？？方便截图看看吗？

Answer 2

提问者 farmyard 2020-03-27 13:28:56

感谢老师回复。

baseURL一开始就已经是根据老师的教程修改过的。修改了访问还是发现会发现请求到https://www.xxxx.com:18082/vue-element-admin/user/login。

服务器当然是没有这个路由的。根据老师的login api分析，找到api/user.js文件，把url中的/vue-element-admin/删掉才可以。请求到了https://www.xxxx.com:18082/user/login。

export function login(data) {
  return request({
    // url: '/vue-element-admin/user/login',
    url: '/user/login',
    method: 'post',
    data
  })
}

但是如果还要用 VUE_APP_BASE_API = '/dev-api'，就需要把上面的代码改回来，因为这时候的请求是要包含vue-element-admin的。

http://localhost:9527/dev-api/vue-element-admin/user/login

感觉这个方法也可能是有问题的。

• 拉链77 #1

  说明你认真看的。
  '/dev-api'是mock用的

• 前端小y #2

  是的，api里面的url不能带/vue-element-admin

• weixin_慕婉清3213711 #3

  太感谢了！解决了我的问题