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发现就行了,搞不懂是什么原因,知道的请留言解释一下,谢谢。