Vue项目使用域名访问配置
<p class="MsoNormal"><span style="font-size: 18px; color: rgba(0, 0, 0, 1)"><span style="font-family: 宋体" lang="EN-US">1. </span><span style="mso-bidi-font-size: 10.5pt; font-family: 宋体; mso-bidi-font-family: 宋体; mso-font-kerning: 0pt">编辑<span lang="EN-US">C:\Windows\System32\drivers\etc</span>文件夹中的<span lang="EN-US">hosts</span>文件，在末尾添加<span lang="EN-US">127.0.0.1 www.local.com</span>（你的自定义域名）</span></span></p><p><span style="color: rgba(0, 0, 0, 1)"> </span></p>
<p class="MsoNormal"><span style="font-family: 宋体; font-size: 18px; color: rgba(0, 0, 0, 1)">注意：如果该文件夹没有<span lang="EN-US">hosts</span>文件，看看查看<span lang="EN-US"> - </span>隐藏的项目打勾是否显示<span lang="EN-US">hosts</span>，如果还没有则打开<span lang="EN-US">cmd</span>命令输入：<span lang="EN-US">for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P</span>，即可打开<span lang="EN-US">hosts</span>，自己重新创建一个<span lang="EN-US">hosts</span>复制到该文件夹下即可</span></p>
<p class="MsoNormal"><span style="font-family: 宋体; font-size: 18px; color: rgba(0, 0, 0, 1)"><img src="https://img2018.cnblogs.com/blog/1130706/201909/1130706-20190911173115173-203371797.png"></span></p>
<p><span style="color: rgba(0, 0, 0, 1)"> </span></p>
<p><span style="font-size: 18px; color: rgba(0, 0, 0, 1)"><span style="font-family: 宋体" lang="EN-US">2. </span><span style="font-family: 宋体">在<span lang="EN-US">config/index.js</span>中把<span lang="EN-US">host</span>改成<span lang="EN-US">www.local.com</span></span></span></p>
<p><span style="font-family: 宋体; font-size: 18px; color: rgba(0, 0, 0, 1)"><span lang="EN-US"><img src="https://img2018.cnblogs.com/blog/1130706/201909/1130706-20190911173200857-1962806274.png"></span></span></p>
<p><span style="color: rgba(0, 0, 0, 1)"> </span></p>
<p><span style="font-size: 18px; color: rgba(0, 0, 0, 1)"><span style="mso-bidi-font-size: 10.5pt; font-family: 宋体; mso-bidi-font-family: 宋体; mso-font-kerning: 0pt" lang="EN-US">3. </span><span style="mso-bidi-font-size: 10.5pt; font-family: 宋体; mso-bidi-font-family: 宋体; mso-font-kerning: 0pt">在<span lang="EN-US">build/webpack.dev.conf.js</span>中的<span lang="EN-US">devServer</span>对象属性中添加属性<span lang="EN-US">disableHostCheck: true</span>，如下图。这个是解决浏览器打开<span lang="EN-US">www.local.com</span>出现<span lang="EN-US">Invalid Host header</span>页面的问题</span></span></p>
<p class="MsoNormal"><span style="font-family: 宋体; font-size: 18px; color: rgba(0, 0, 0, 1)"><img src="https://img2018.cnblogs.com/blog/1130706/201909/1130706-20190911173212417-1209231562.png"></span></p>
<p class="MsoNormal" align="left"><span style="color: rgba(0, 0, 0, 1)"> </span></p>
<p class="MsoNormal"><span style="font-family: 宋体; font-size: 18px; color: rgba(0, 0, 0, 1)">做完以上<span lang="EN-US">3</span>个步骤，即可在浏览器输入<span lang="EN-US">http://www.local.com</span>即可打开本地资源，这种需要域名预览的一般用作微信<span lang="EN-US">js-sdk</span>调试</span></p>
<p><span style="color: rgba(0, 0, 0, 1)"> </span></p><br><br>
来源：https://www.cnblogs.com/jinbang/p/11507618.html
頁:
[1]