Vue 项目初始化(三)—— 开发环境设置 proxy 代理

  Vue 移动端项目使用了 scss 的话,可以设置自动转换 px 为 rem。

axios.js

1
2
3
const instance = axios.create({
baseURL: process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_BASE_URL
})

vue.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
module.exports = {
devServer: {
proxy: {
'/api': {
target: `${ process.env.VUE_APP_BASE_URL }`,
secure: false, // 如果是 https 接口,需要配置这个参数
changeOrigin: true, // 开启代理,在本地创建一个虚拟服务端,如果接口跨域,需要进行这个参数配置
ws: false, // 是否启用websockets
pathRewrite: { // 如果接口本身没有/api需要通过pathRewrite来重写了地址
"^/api": "/"
}
}
}
}
}
以上

随笔标题:Vue 项目初始化(三)—— 开发环境设置 proxy 代理

随笔作者:刘先玉

发布时间:2020年04月11日 - 14:21:37

最后更新:2020年04月11日 - 14:21:37

原文链接:https://liuxianyu.cn/article/vue-init-c.html