前后端分离开发，Vue 如何处理方式跨域问题？

时，这些可用是不必打包偷偷地的，也就是却说，概念设计发布的时候，这些可用是失效的，这个时候我们通过 Nginx 或者将末末端代码拷贝到后末端，就可以消除原材料环境污染下的跨域难题了（相当于研发时候的跨域在原材料环境污染下不长期存在）。

相对，vue-cli2 在这里的可用还更为容易。

vue-cli3 拟议

vue-cli3 本年出来后，以前就尝了一把鲜，但是确实 vue-cli2 用久了，一时半但会还不想遵从 vue-cli3 ，于是尝鲜完了再次就要用了，没怎么用了。直到当年两天，新概念设计尝试了一下 vue-cli3，结果在立即发信这块就掉下来坑里了。

一开始没多想，还是 vue-cli2 里边的老办法，无论如何是在 vue-cli3 创始人的概念设计的 vue.config.js 档案当中进行时可用，档案位置如下平面图：

警惕，运用于 vue-cli3 创始人的 SPA 运用，没 config 索引了，因此立即发信的可用我们要在 vue.config.js 这个可用档案当中来可用。

一开始我必要把 vue-cli2 当中的立即发信可用拷贝过来，这样发送给 HTTP 立即却是没难题，但是 websocket 立即始终有难题，其后经过都对，发现这两者在立即发信可用上有一点点关联性，我们来到底 vue-cli3 当中的立即发信可用(这也是我这里 vue.config.js 档案的完整内容可)；

let proxyObj = {};

proxyObj['/ws'] = ws: true,

target: "ws://localhost:8081"

};

proxyObj['/'] = ws: false,

target: "",

changeOrigin: true,

pathRewrite: '请警惕/': ''

}

};

module.exports = devServer: host: 'localhost',

port: 8080,

proxy: proxyObj

}

}

首先我们创始人一个 proxyObj 用来换各种长一职具体来说，至于长一职的内容可这里的则和 vue-cli2 当中的没太多关联性。要警惕的是，HTTP 立即长一职当中，多了一个本体 ws: false，用过 vue-cli3 同班同学确实发现了，如果不加有这个本体，浏览器控制台但会始终刊连不上 socket 的疑，加有上就没事了。

最后在 devServer 当中指定概念设计的 host 和 port ，然后再可用一下 proxy 具体来说就可以啦。

这就是我们在 vue-cli3 当中立即的可用。

不过这里的可用老实却说没什么难度，想到过一次就但会啦，要是没想到过，头一次确实得折腾半天。

当年言

很多赌客始终对于当年后末端复合研发，当年后末端立即是如何接入的始终有或许，想这篇发表文章只能给你一些启发。如果看懂了，可以点个在看或者发信支持下哦。

。

哈尔滨前列腺增生专科医院
得了类风湿关节僵硬如何治
艾得辛和来氟米特有什么区别
类风湿性关节炎有哪些症状
江中多维元素片