用http-server本地解决 to be served over an HTTP server

Vue项目部署与http-server使用
本文详细介绍了如何使用Vue CLI构建项目,并通过npm install安装依赖包,利用npm run dev进行开发调试,最后通过npm run build生成生产环境代码。特别强调了生产环境代码需通过http服务器如http-server提供服务,而非直接通过文件系统访问。

vue-cli构建项目骨架

npm install安装依赖包

npm run dev 开发调试代码

npm run build生产环境代码

执行第4步完成后,通常有如下小提示

Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

即这些生产环境代码文件(在执行build基于开发环境代码生成),需要放在http服务器上才会有效。

解决
需要一个简易的零配置的http服务器,推荐安装

npm install http-server -g

http-server [path] [options]

它的用法类似于php的内置服务器php -s ,
比如你的生产代码位于当前dist目录下,你可以这样:

http-server ./dist

此时访问 localhost:8080 的代码,其实际上就是相当访问线上生产环境代码

转载于:https://my.oschina.net/huibaifa/blog/3014865

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值