vue项目打包在本地打开(开启一个本地服务器)

  • Post author:
  • Post category:vue


今天是打包的时候看到这个提示:

Tip: built files are meant to be served over an HTTP server.

Opening index.html over file:// won’t work.

然后学到到

node.js里面的



http-server


开启本地服务



从本地文件夹中直接打开的一般都是

file

协议,当代码中存在

http



https

的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器。


首先说一下打包后想在本地能打开浏览的问题:

打包前在

vue-cli

的默认配置config/index.js中, 把build里面的assetsPublicPath: ‘/’改成assetsPublicPath: ‘./’


然后就是我们的http-server

a、终端下载: npm install http-server -g

b、开启

http-server

服务:

进入目标文件夹,然后在终端输入:$ http-server -c-1


要注意-c-1不能省去,否则更新了代码后,页面不会同步更新

c、关闭

http-server

服务:按快捷键

CTRL-C



版权声明:本文为weixin_38289645原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。