VUE解决跨域问题
warning:
这篇文章距离上次修改已过199天，其中的内容可能已经有所变动。
在Vue项目中解决跨域问题，通常可以通过配置代理服务器来进行。以下是一个简单的配置示例，假设你使用的是Vue CLI创建的项目：
- 打开项目根目录下的
vue.config.js文件。 - 如果文件不存在，你需要创建它。
- 添加代理配置到
vue.config.js文件中：
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://target-domain.com', // 目标服务器地址
changeOrigin: true, // 是否改变源地址
pathRewrite: {
'^/api': '' // 重写路径
}
}
}
}
}- 在你的Vue组件或者服务中，你可以像访问本地API一样请求代理服务器：
this.$http.get('/api/some-endpoint').then(response => {
// 处理响应
});以上配置会将所有 /api 开头的请求转发到 http://target-domain.com，并且通过修改请求头将请求伪装成来自本地服务器，从而绕过同源策略的限制。
评论已关闭