vue-socket.io跨域問題有效解決方法
更新時間：2020年02月11日 15:34:36 作者：大激動
在本篇文章里小編給大家整理的是關于vue-socket.io跨域問題有效解決方法，對此有興趣的朋友們可以參考下。
網友問題：
使用了vue-cli這個腳手架工具。在開發(fā)環(huán)境中如何配置跨域這個我懂。但是使用npm run build后，里面所有的ajax的跨域請求url都變成了根目錄。
這樣該如何解決部署的跨域問題？
報錯信息：
Access to XMLHttpRequest at 'http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
vue-socketio.js?70bb:8 GET http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW net::ERR_FAILED
解決辦法：
//vue.config.js
module.exports = {
devServer: {
proxy: {
'/socket.io': {
target: 'http://192.168.37.130:5050',
ws: true,
changeOrigin: true
},
'sockjs-node': {
target: 'http://192.168.37.130:5050',
ws: false,
changeOrigin: true
},
}
}
}
以上就是腳本之家小編整理的相關知識點，希望能夠幫助到大家。
相關文章
這篇文章主要介紹了Vue3?PC端頁面開發(fā)規(guī)范及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
基于Vue中使用節(jié)流Lodash throttle詳解
今天小編就為大家分享一篇基于Vue中使用節(jié)流Lodash throttle詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了vue關于data變量定義的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue如何自定義地址設置@，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue?elementui?實現(xiàn)圖片上傳后拖拽排序功能示例代碼
這篇文章主要介紹了vue?elementui?實現(xiàn)圖片上傳后拖拽排序功能,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
el-checkbox-group?的v-model無法綁定對象數(shù)組的問題解決
elementUI官方文檔中el-checkbox-group組件綁定的都為一維數(shù)組，本文主要介紹了解決el-checkbox-group?的v-model無法綁定對象數(shù)組，感興趣的可以了解一下2023-05-05
Vue axios 中提交表單數(shù)據(jù)(含上傳文件)
本篇文章主要介紹了Vue axios 中提交表單數(shù)據(jù)(含上傳文件)，具有一定的參考價值，有興趣的可以了解一下2017-07-07
詳解vue2.0 transition 多個元素嵌套使用過渡
這篇文章主要介紹了詳解vue2.0 transition 多個元素嵌套使用過渡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
某些應用場景會給點擊事件添加權限，不存在權限就攔截點擊事件，有權限就繼續(xù)正常觸發(fā)點擊事件。這樣的效果是如何實現(xiàn)的呢，本文就來和大家詳細講講2023-02-02
基于Vue+Openlayer實現(xiàn)動態(tài)加載geojson的方法
本文通過實例代碼給大家介紹基于Vue+Openlayer實現(xiàn)動態(tài)加載geojson的方法，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-09-09