<noscript id="sopvx"></noscript>
            • <label id="sopvx"><tfoot id="sopvx"></tfoot></label>
          
  
      
    

          

	
          
		
          
			
          
				
          vue 前端解決跨域問題 —代理
          
				
           2021-4-16      前端達人      
          
			
          
			
          
				
          
    前言
          
跨域問題來源于JavaScript的同源策略,即只有 協(xié)議+主機名+端口號(如存在)相同,則允許相互訪問。也就是說JavaScript只能訪問和操作自己域下的資源,不能訪問和操作其他域下的資源，主要是安全問題。

          

          
    在很多時候跨域問題我都是讓后端解決，嘿嘿。但也有需要自己解決的項目！

          

            
    
          1. 
        
            
            首先在項目的根目錄下建一個vue.config.js
        
            
    
            2. 
    
          2. 
        
            
            如下：
        
            
    
            3. 
    
          3. 
        
            
            

            //改變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()
           })
       }
   }
            

        
            
    
            4. 

          

          
    
          
          

          

          
    
          
          

          

          
    
    
          
        轉(zhuǎn)自：csdn 論壇 作者：可 樂 伢
    
          
    
          
        
          
          
    
          
    
          
        藍藍設計( m.yvirxh.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
    
          

          


          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://m.yvirxh.cn
          
      
          
    
          
    
          
      
          存檔