vue +nginx 解决跨域的问题

记录一次在开发的时候遇到跨域问题

技术栈：vue  nginx 

首先要弄清楚跨域的产生原因，请自行百度。清楚以后开始配置：

再开发环境的时候不推荐后端去设置允许跨域。至于为什么，请自行百度。找度娘准没错的。。。

首先，下载nginx-window  http://nginx.org/en/download.html

其次找到vue配置代理的地方：

proxyTable: { 
      '/api': { 
        target: 'http://127.0.0.1:80/', //源地址 
        changeOrigin: true, //是否跨域
        ws:true,
        pathRewrite: { 
          '^/api': '/' //路径重写 
          } 
      } 
    },

这里解释一下，127.0.0.1:80是nginx的端口，原理就是通过nginx代理来解决跨域问题的

然后调用方法的路径为：

url: '/api/auth/authenticate

注意通过上面配置以后，这里的/api则表示的是http://127.0.0.1:80/，即相当于访问的地址是：

http://127.0.0.1:80//auth/authenticate

此时已经代理到nginx上了&#