一、接口统一前缀
- 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
- 可以在封装的http.js中统一加
const httpService = axios.create({
baseURL: process.env.VUE_APP_BaseApi,
timeout: 50000,
})
- 也可以在请求的时候加
2、路由统一路径
- vue.config.js文件
publicPath: '/diagnosis/',
- router文件
const router = new VueRouter({
mode: 'history',
base: '/diagnosis/',
routes,
})