开发环境下vue项目解决跨域问题（亲测可用）

vue项目的IP和端口号：localhost:8080

springboot项目的IP和端口号：localhost:8081

 

1.在vue项目config目录下的index.js中找到proxyTable

2.在proxyTable的花括号中添加部分代码，效果如下，根据自己后端的IP和端口号自行修改

proxyTable: {
      '/hou': {
        target: 'http://localhost:8081',//后端接口地址
        changeOrigin: true,//是否允许跨越
        pathRewrite: {
          '^/hou': '/'  
        }
      }
    },

3.在ajax中后端url的使用方法

 url:'/hou/user/showusers',	//向服务器请求的地址。

直接写代理名字hou就行，不要加别的（ "/hou" = "http://localhost:8081" ） 。

 

注意：一开始我按照网上的教程写hou的地方我写的是api结果怎么搞都不行，浪费了半天时间，最后我随便把名字改成了hou发现就行了，搞不懂是什么原因，知道的请留言解释一下，谢谢。