Vue报错:OPTIONS 405 Method Not Allowed以及CORS跨域错误

Vue报错:
Vue报错:OPTIONS 405 Method Not Allowed以及CORS跨域错误_第1张图片
解决:
CORS跨域问题:写成代理跨域的形式
在config的index.js中添加:

   proxyTable: {
          '/abc':{
            target:'http://10.141.111.89:9010', // 这里写你需要跨域的网址
            changeOrigin:true,
            pathRewrite:{
                '^/abc':''
            }
          }  

引用的时候:

const baseUrl = '/abc'
return axios.get('/login')

访问的时候就可以渲染成:

http://localhost:8080/abc/login

利用这种方式就可以跨域了

遗留问题:解决了跨域问题,然后错误就没有了,但是我不清楚它在报CORS错误的时候为什么会有OPTIONS的错误,也不清楚为啥CORS的错误解决之后,OPTIONS的错误也顺带解决了。

你可能感兴趣的:(前端)