在vue中怎么设置跨域
时间: 2024-06-10 18:07:18 浏览: 206
vue.config.js 配置跨域
解决跨域问题的方法有很多,但是最常见的是通过设置服务器代理来实现跨域。在Vue中,可以通过在vue.config.js文件中进行配置来设置跨域,具体操作可以参考以下示例代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://xxx.xxx.xxx.xxx', // 目标地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 重写路径
}
}
}
}
}
以上代码的意思是,将所有以'/api'开头的请求地址转发到'http://xxx.xxx.xxx.xxx'上,并且将路径中的'/api'去掉。这样就可以解决跨域问题了。
阅读全文