Access to XMLHttpRequest at ‘http://localhost:8081/api/account/doLogin‘ from origin ‘http://localhos

用Vue-cli跳转到后端，遇到以下问题：这是一个跨域的问题跨域：当一个请求 url 的协议、域名、端口三者之间任意一个与当前页面 url 不同即为跨域。跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。很明显上面从端口8081变成了8080，那怎么解决呢？在项目里有一个config文件夹，找到里面的index.js文件,里面有一个proxyTable对象。操作如

powerful_zmubaiy

12590人浏览 · 2022-02-21 20:53:41

powerful_zmubaiy · 2022-02-21 20:53:41 发布

用Vue-cli跳转到后端，遇到以下问题：

这是一个跨域的问题

跨域：当一个请求 url 的协议、域名、端口三者之间任意一个与当前页面 url 不同即为跨域。

跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。

很明显上面从端口8081变成了8080，那怎么解决呢？

在项目里有一个config文件夹，找到里面的index.js文件,里面有一个proxyTable对象。操作如下即可

然后做一些修改，看注解

代码如下：

    proxyTable: {
      "/api":{
        target:"http://localhost:8081/",
        changeOrigin:true,
        pathRewrite:{
          "^/api" : "/bank"
        }
      }
    },

再试一下，就解决跨域问题了