Vue-cli 3.0中proxy代理配置

由于vue-cli3.0版本更加简化,原来的config文件取消,所有的配置需要用户单独创建vue.config.js 文件 放在根目录下。下面附上代码

module.exports = {
      configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    },
    css: undefined,
    outputDir: undefined,
    assetsDir: undefined,
    runtimeCompiler: true, //包含运行时编译器的 Vue 构建版本
    productionSourceMap: false,
    parallel: undefined,
    lintOnSave: true,
    devServer: {
      proxy: {
        '/api': {
          target: 'http://192.168.3.225:4000',   //代理接口
          changeOrigin: true,
          pathRewrite: {
            '^/api': ''    //代理的路径
          }
        }
      }
    }
}

更多配置可查看vue官网vue.config.js配置

你可能感兴趣的:(技术分享)