vue配置代理proxy 主要解决的是接口问题和路径问题。
这里说的是vue3.0的版本:
1.首先在项目的根目录下添加vue.config.js文件。
2.然后 vue.config.js内容如下:
module.exports = { // 基本路径 publicPath: './', // 输出路径 outputDir: 'dist', // 静态资源 assetsDir: './', // eslint-loader是否在保存时候检查 lintOnSave: true, // 服务项配置 devServer: { host: 'localhost', port: 8080, https: false, open: true, // 设置代理proxyproxy: { '/api':{ 'target':‘
http://localhost:3000',
changeOrigin:true, //表示是否跨域,
pathRewrite:{ //表示需要rewrite重写的
'^/api':' ',
}
}
}
}
}
3.最后请求的时候:
譬如:"http://localhost:3000/login"
现在写成:"/api/login".
用 /api 替换原来的 http://localhost:3000