按如下步骤即可完成在vue项目中配置跨域，如果遇到问题可以私信我，微信：18438015189，添加好友时请备注姓名。

    1. 在vue项目的根目录下新建一个 vue.config.js 文件
    2. 编辑 vue.config.js 内容 ```javascript module.exports = { devServer:{ proxy:{ ‘/api’:{
      1.  target: URL,
      } } } } //URL就是你要代理到的 域名
    1. 示例：
    2. ```javascript
    3. module.exports = {
    4.   devServer:{
    5.     proxy:{
    6.       '/api':{
    7.         target: "http://love.liushuaiyang.com",
    8.       }
    9.     }
    10.   }
    11. }
    1. 配置完成后 必须 要 重新运行项目（在命令行中运行npm run serve），配置才会生效
    2. 现在，在项目中访问 /api/city/getData 就会被代理到 http://love.liushuaiyang.com/api/city/getData，并且不会跨域

      接口示例详见：https://www.yuque.com/docs/share/d4c2ee05-a14d-42bb-94fc-2abe2af127dd?#

    注意：

    在项目中直接访问 http://love.liushuaiyang.com/api/city/getData

    依然会跨域，请求路径必须要写成/api/city/getData，才能触发代理