Vue報錯:OPTIONS 405 Method Not Allowed以及CORS跨域錯誤

Vue報錯:
在這裏插入圖片描述
解決:
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的錯誤也順帶解決了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章