vue 路由统一前缀和接口统一前缀

一、接口统一前缀

1. vue根目录新建 .env.dev和.env.prod
   通过npm run serve启动 dev环境
   通过npm run build打包 prod环境
   通过 process.env.VUE_APP_BaseApi 获取对应环境的变量

NODE_ENV=dev
VUE_APP_BaseApi=/api/diagnosis

NODE_ENV=production
VUE_APP_BaseApi=/diagnosis

2. 可以在封装的http.js中统一加

const httpService = axios.create({
  baseURL: process.env.VUE_APP_BaseApi,
  timeout: 50000,
})

3. 也可以在请求的时候加
   

2、路由统一路径

1. vue.config.js文件

publicPath: '/diagnosis/',

2. router文件

const router = new VueRouter({
  mode: 'history',
  base: '/diagnosis/',
  routes,
})