前言
跨域問題來源于JavaScript的同源策略,即只有 協議+主機名+端口號(如存在)相同,則允許相互訪問。也就是說JavaScript只能訪問和操作自己域下的資源,不能訪問和操作其他域下的資源，主要是安全問題。
在很多時候跨域問題我都是讓后端解決，嘿嘿。但也有需要自己解決的項目！
-
首先在項目的根目錄下建一個vue.config.js
-
如下：
-
//改變webpack的設置
const { default: Axios } = require("axios")
module.exports = {
publicPath :"./",
devServer: {
// 設置主機地址
// host: 'xxx.1xx.1xx.xxx',
// // 設置默認端口
// port: 8051,
// 設置代理
proxy: {
'/api': {
// 目標 API 地址
target: 'http://xxx.xxx.xxx.xxx:8051',//服務器地址
// 如果要代理 websockets
ws: true,
// 將主機標頭的原點更改為目標URL
changeOrigin: false
}
}
},
chainWebpack: config => {//沒有用到scss的這里就不需要啦！
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// 要公用的scss的路徑
resources: './src/assets/base.scss'
})
.end()
})
}
}
轉自：csdn 論壇 作者：可 樂 伢
藍藍設計( m.wtxcl.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
