node静态服务器优缺点_vue路由history模式下打包node服务器配置【31】

b5e0f37c3159dddd0c3709a39df674ac.gif

学习要点:1.配置服务器

本节课我们来开始了解 Vue router 的在打包后的 Node 服务器上运行。

一.配置服务器

1. 我们首先采用 hash 模式进行打包,然后通过 Node 静态服务器运行测试;

const router = new VueRouter({  mode: 'hash', //默认 mode : 'hash'  routes})

2. 打包后,我们想要在静态服务器上测试,先要安装静态服务器;

npm i serve -g //安装serve dist //运行 dist 目录

5f06a99604afc098101cbddae22616c2.png

ae68c5c2dc1b183870cc0c5a4fef0716.png

d4dc9388c91cd6974dd428d50b68dd7b.png

3. 现在我们把模式改为:history 模式,再执行服务器;

const router = new VueRouter({  mode: 'history ', //默认 mode : 'hash'  routes})

4. 为了解决这个问题,命令提供了一个-s 的参数,解决这个问题;

serve dist -s

如果您觉得有用,记得在下方点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的打赏支持才是小编继续努力的动力,么么哒。

每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术,陪有梦想的人一起成长!

8181522d3a4aa3581553fc9bc9a66ec8.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值