前臺關于跨域的警告A cookie associated with a cross-site resource at …，代理服務器

A cookie associated with a cross-site resource at …
解決該警告的方法：
在配置文件中添加配置如下：

"proxy": {"/api": {"target": "http://112.125.26.100:8000/","changeOrigin": true,"pathRewrite": { "^/api" : "" }} }

添加之后，當識別到 /api 就會跳轉到target指向的網址。

例如：后臺接口是http://123.123.23.123:8000/index/user,
請求的時候：/api/index/user 就可以了

changeOrigin 有跨域情況，配置true;
pathRewrite 如果你的實際接口中沒有/api，則需要配置該屬性，在最終請求的時候消除/api

如果配置到正式環境，這個跨域就沒有必要了。所以建議判斷當前的環境來決定是否需要該代碼。所以在vue.config.js中

let isDev = process.env.NODE_ENV; //當前的環境 ... proxy: {"/api": {target: "http://112.125.26.128:8000/",changeOrigin: isDev==='development'?true:false,pathRewrite: { "^/api": "" }}}...

在main.js中另外的請求時候的API地址同樣需要判斷：

const isDev = process.env.NODE_ENV; let APIHost = ''; if(isDev==='development'){APIHost = '/api'; }else{APIHost = 'http://112.125.26.128:8000/'; }

結果：
開發環境（本地環境）：

生產環境（正式環境）：

如此都不會有跨域的警告出現

總結

以上是生活随笔為你收集整理的前台关于跨域的警告A cookie associated with a cross-site resource at .........，代理服务器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。