已拦截跨源请求:同源策略禁止读取位于 http://localhost:8888/loginF 的远程资源。(原因:CORS 预检通道未成功)。
vue+Springboot使用axios进行http请求出现跨域问题
在使用vue和springboot在一台电脑进行开发时,即使端口不一样,也会跨域的问题,刚入门vue时,会奇怪这个问题,网上博客都会有相应的解决方案,我最近也是学vue,出现跨域问题,看了一些博客,也解决了这个问题,跨域问题有两种解决方案,一是后端跨域问题,二是Vue跨域问题。
方案一:前端vue跨域
在前端vue解决跨域问题需要配置代理,在vue.config.js文件下配置(如果使用vue-cli4可能没有这个文件,在目录下创建这个文件)配置代码如下:
module.exports = {
devServer: {
proxy: {
"/api": {
target: "http://localhost:8888",
ws: true,
changeOrigin: true
pathRewrite:{
'^/api':'/'