关于跨域问题,前前后后也看过很多东西,一般解决Vue当中存在的跨域问题,都采用的是改配置的方法。这种方法相对简单,但是只在编译器里使用有效,当你将前端打好的包和后台部署到tomcat等服务器上,就会发现跨域的问题还是依然存在的
下面我们来说一下编译器中如何配置
找到config文件夹下的index.js中的proxyTable
proxyTable: {
"/api":{
target:"http://localhost:8086",
changeOrigin:true,
pathRewrite:{
"^/api":""
}
}
},
注:autoOpenBrowser属性改为true
在axios中url如下写法
/api/UserController/getAllUser
当然了,想要真正解决跨域问题,请安装nginx将vue项目的路由地址进行转发就可以了