vue项目里面有多个模块的服务,前端处理url转发

先看下vue的代理配置里面:

vue项目里面有多个模块的服务,前端处理url转发_第1张图片

现在是在 /pca 基础上增加了 2个模块的服务: /dca、 /api

现在服务器的nginx 没有在/pca 服务里面做转发接受 /dca、 /api的服务,所以需要前端自己去配置每个服务模块对应的 URL

先拿登录的api 做示例吧:

先定义一个url变量,判断是开发环境 还是生产环境

let baseURL
if (process.env.NODE_ENV == 'production') {
  baseURL = 'http://localhost:8085'
}

示例: url: baseURL ? baseURL : '' + '/dca/open/code', 

vue项目里面有多个模块的服务,前端处理url转发_第2张图片

 看下效果:

vue项目里面有多个模块的服务,前端处理url转发_第3张图片

 按照登录的api js文件的方法,把对应的 新增加的模块的api js文件都改下。

缺点:工作量比较大
最优解决方法: 让后端去改nginx的配置,在pca 的配置里面 把 新增加的2个模块的服务转发做好。

你可能感兴趣的:(前端工具,vue.js)