<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          vue在ie9中的兼容問題
          
				
           2018-6-28      seo達人      
          
			
          
			
          
				
          
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里 

          

          
     

          

          
    
    
          
        問題總結  https://github.com/vuejs-templates/webpack/issues/260
    
          
    
            
        
          1. 
            
            
                首先npm install --save babel-polyfill
            
            
        
            2. 
        
          2. 
            
            
                然后在main.js中的最前面引入babel-polyfill
            
            
            
            
                import 'babel-polyfill'
            
            
        
            3. 
        
          3. 
            
            
                在index.html 加入以下代碼（非必須）
            
            
            
            
                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            
            
        
            4. 
        
          4. 
            
            
                在config中的webpack.base.conf.js中,修改編譯配置
            
            
        
            5. 
    
          

          
    
            

        
          1. 

            
            

                
            

                
            

            
            

            
            

                
            
                    entry:{
                
            

            
            

        
            2. 

        
          2. 

            
            

                
            

                
            

            
            

            
            

                
            
                    app:['babel-polyfill','./src/main.js'] 
                
            

            
            

        
            3. 

        
          3. 

            
            

                
            

                
            

            
            

            
            

                
            
                    }
                
            

            
            

        
            4. 

    
          

          
    
            
        
          • 
            
            
        
            • 
    
          
    
          
        當然，如果你只用到了 axios 對 promise進行兼容，可以只用 es6-promise
    
          

          npm install es6-promise --save
          
    
            
        
          • 
            
            
        
            • 
    
          
    
          
        在 main.js 中的最前面 引入
    
          

          import 'es6-promise/auto' 
          
    
            
        
          • 
            以上配置，ie9兼容就完成了
        
            • 
    
          
    
          
        那么，就有一個問題了，build之后的dist文件只有放在服務器上才能查看，但本地如何查看呢，參考一下配置
    
          
    
            
        
          1. 
            
            
                修改config文件夾中的index.js文件,將build對象中的打包路徑，'/‘改為'./'，由絕對路徑改為相對路徑,建議將sourceMap改為false,編譯的時候會快一點
            
            
            
            
                build: { assetsPublicPath: './', productionSourceMap: false, },
            
            
        
            2. 
        
          2. 
            
            
                修改完之后，重新 npm run build ，得到新的dist文件夾
            
            
        
            3. 
        
          3. 
            
            
                然后進入dist文件夾
            
            
            
            
                cd dist
            
            
        
            4. 
        
          4. 
            
            
                全局安裝簡易node服務器
            
            
            
            
                npm install http-server -g
            
            
        
            5. 
        
          5. 
            
            
                啟動簡易node服務器
            
            
            
            
                http-server
            
            
        
            6. 
        
          6. 
            
            
                出現如下圖所示，就代表你的服務器啟動成功了，那你也能在5000端口查看編譯打包后的項目了，可以在ie瀏覽器中直接測試了
            
            
            
            
                這里寫圖片描述
            
            
        
            7. 
        
          7. 
            
            
                IE在處理日期的時候，不支持-支持/的日期方式 如 2017-01-01應該 
            
            
        
            8. 
    
          
          

          

          

          
    

          

           
          

          
    
          

          

          
      

          

          
      

          

          
    藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務 

          

          
    
          

          				
          
								
			
          
		
          
		
		
	
          


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

          

          



亚洲va欧美va天堂v国产综合