前言
跨域問題來源于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() }) } }
授道解惑？10行代碼 1行注釋，2行括號，3行廢話，4行bug
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/276223.html
標籤：其他
上一篇：安裝反射大師具體步驟與使用教程
下一篇：iOS-UI之截長圖