vue2脚手架解决跨域
时间: 2023-11-16 11:04:36 浏览: 118
vue跨域解决方法
5星 · 资源好评率100%
Vue2脚手架解决跨域问题的方法如下:
1.在vue脚手架的根目录下创建一个vue.config.js文件。
2.在该文件中添加如下代码:
```
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // 代理的目标地址
changeOrigin: true, // 开启代理服务器
pathRewrite: {
'^/api': '' // 将请求地址中的/api替换为空
}
}
}
}
}
```
3.在需要跨域请求的地方,将请求地址改为代理服务器的地址,例如:
```
$.ajax({
url: "/api/data",
success: function(res) {
console.log(res)
}
})
```
这样就可以解决Vue2脚手架中的跨域问题了。
阅读全文