需要在根目录下新建vue.config.js文件,然后在文件内写入以下内容
module.exports = { devServer: { proxy: { '/api': { target: 'https://域名/api',// API服务器的地址 ws: true, //代理websockets changeOrigin: true, // 虚拟的站点需要更管origin pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc' '^/api': '' } } } } }
配置完后需要重启项目
在页面内使用
这样就解决了vue3请求接口的跨域问题了
