vue项目 为本地项目设置测试域名

1.改变本地hosts文件

  文件位置:C:\Windows\System32\drivers\etc\hosts,以管理员身份打开更改hosts文件

  在hosts文件最后加一行 127.0.0.1 www.test.com,www.test.com是准备设置的测试域名,保存之后可以使用www.test.com访问本机服务。

2.我使用vue2.0以上版本,使用到了webpack,在访问本地vue项目时,访问不到, invalid host header ,解决方案:

  在build/webpack.dev.conf.js中添加:devServer: { disableHostCheck: true }

3.如果不需要使用域名访问,使用局域网即可时,可是查看自己局域网ip,并设置在package.json中,在scripts项中找到dev命令,在最后添加 -- host 局域网ip,保存运行即可使用局域网访问本项目