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

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

¶axios.js

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

¶vue.config.js

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