Vue項目使用域名訪問配置


1. 編輯C:\Windows\System32\drivers\etc文件夾中的hosts文件,在末尾添加127.0.0.1 www.local.com(你的自定義域名)

 

注意:如果該文件夾沒有hosts文件,看看查看 - 隱藏的項目打勾是否顯示hosts,如果還沒有則打開cmd命令輸入:for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P,即可打開hosts,自己重新創建一個hosts復制到該文件夾下即可

 

2. config/index.js中把host改成www.local.com

 

3. build/webpack.dev.conf.js中的devServer對象屬性中添加屬性disableHostCheck: true,如下圖。這個是解決瀏覽器打開www.local.com出現Invalid Host header頁面的問題

 

做完以上3個步驟,即可在瀏覽器輸入http://www.local.com即可打開本地資源,這種需要域名預覽的一般用作微信js-sdk調試

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM