vue中如何修改strict-origin-when-cross-origin
时间: 2023-11-08 20:02:44 浏览: 103
Referrer-Policy : strict-origin-when-cross-origin解决方案
在Vue中修改strict-origin-when-cross-origin的行为是通过配置Vue的跨域请求处理来实现的。具体步骤如下:
1. 打开项目中的 `vue.config.js` 文件,如果不存在则可以在项目根目录下创建该文件。
2. 添加以下配置到 `vue.config.js` 文件中:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://api.example.com', // 设置你想要代理的目标API的URL
changeOrigin: true,
secure: false,
headers: {
Referer: 'http://localhost:8080' // 设置Referer头部,指向你的本地开发环境
}
}
}
}
};
```
3. 将 `target` 配置为你想要代理的目标API的URL。这里以 `http://api.example.com` 为例。
4. 将 `Referer` 头部配置为你的本地开发环境的URL,这里以 `http://localhost:8080` 为例。
5. 保存并重新启动Vue开发服务器,此时跨域请求应该可以正常工作了。
阅读全文