1回答

Sunday

2019-09-21

已采纳

跨域的实现方式从大的方向可以分为两种：

1、在服务端实现跨域

2、在前端实现跨域

我们这里就针对我们的项目主要说一下前端跨域的方式。

我们使用 vue-cli 构建 vue 项目，默认情况下会使用 webpack 模块打包器，而想要实现跨域的关键也就在 webpack 中。

webpack 提供了 devServer 这个功能，见名知意，他的作用就是可以帮助我们构建开发时的服务（比如我们执行 npm run dev/serve 的时候就是通过  devServer 来构建的服务）。 而在 devServer 中提供了一个功能 -  proxy 。 我们如果想要在前端实现跨域 ，那么就需要依靠这个功能 。 

该功能的使用方式在 webpack 文档中有详细介绍，我这里就不一一解释了，同学可以自己去看一下 。 附上 webpack - devServer - proxy 文档地址 ：  https://www.webpackjs.com/configuration/dev-server/#devserver-proxy 

0

1

慕丝653736

非常感谢！

2019-09-21

共1条回复