vue3.0配置代理proxy 解决跨域问题
vue3.0配置代理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,
// 设置代理proxy
proxy: {
'/api':{
'target':‘
http://localhost:3000', changeOrigin:true, //表示是否跨域，
pathRewrite:{ //表示需要rewrite重写的
'^/api':' ',
}
}
}
}
}
3.最后请求的时候：
譬如："http://localhost:3000/login"
现在写成："/api/login".
用 /api 替换原来的 http://localhost:3000