素材牛VIP会员
webpack-simpe构建项目,打包后访问出问题
 xi***uX  分类:JavaScript  人气:673  回帖:2  发布于6年前 收藏

1,使用vue init webpack-simple project构建了一个项目,使用了vue-router,做了两个components,npm run dev后能正常访问,也能切换路由。
2,npm run build 打包后,生成的目录如下

3,在当前目录下,打开cmd,输入anywhere的指令,能正常打开页面,可以切换路由,加入切换到nihao这个路由,地址栏中的地址如下http://172.16.101.29:8000/nihao,可以正常访问。但刷新页面,页面变成了cannot get/nihao
4,cmd没关闭,直接输入http://172.16.101.29:8000/nihao去访问,也是cannot get/nihao,请问大神怎么解决?

讨论这个帖子(2)垃圾回帖将一律封号处理……

Lv5 码农
ha***00 UI设计师 6年前#1

路由是history模式?

Lv4 码徒
li***zi 其它 6年前#2

你把vue-router中的#去掉就会有这样的问题

这个问题单纯靠前端是解决不了的,你需要在后端(或者用nginx)将/nihao这个路由也指向/

或者还是选择用hash模式,保留#

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取