请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

添加mode:'history'后,#是去掉了,但是路由访问不了

如果直接输入localhost:9000/ 是可以访问的,因为路由中做了redirect

//img1.sycdn.imooc.com//szimg/5addba0100016ea008780776.jpg

//img1.sycdn.imooc.com//szimg/5addba290001d34807840442.jpg

//img1.sycdn.imooc.com//szimg/5addb04f0001673421660748.jpg

但是如果我直接在地址栏输入localhost:9000/app 这样就访问不了

//img1.sycdn.imooc.com//szimg/5addb08700018c3306840252.jpg

下面是我的这个项目的github地址,贴代码可能看的不清楚

https://github.com/liiiku/vue-vueRouter-vux-ssr/tree/master

正在回答

2回答

因为dev的时候文件是写到内存的,而不是磁盘

0 回复 有任何疑惑可以回复我~
  • 提问者 慕名小白 #1
    非常感谢!
    回复 有任何疑惑可以回复我~ 2018-04-26 10:03:39
提问者 慕名小白 2018-04-23 19:31:34

Jokcy好,

  我这里找到了解决的方法

//img1.sycdn.imooc.com//szimg/5addc37f0001e4fb05240526.jpg

但是对于这个,我有一个疑问:加上这配置disableDotRule的作用是:使带后缀的文件当不存在时也能fallback到index.html,但是在运行npm run dev的时候,我们的目录结构中,并没有index.html相关的文件啊?那这里是跳转到哪个文件呢?是因为webpack-html-plugin的使用,会在项目根路径下面加一个/index.html么?如果是npm run build的时候,生成在dist文件中,这个我能理解,但是npm run dev的时候,我看项目中并没有生成相应的文件啊?

//img1.sycdn.imooc.com//szimg/5addccea0001bb0e14380170.jpg

4 回复 有任何疑惑可以回复我~
  • 给其他同学分享一下吧, 其实这里 只需要historyApiFallback: true就可以了。我感觉 你这里加了配置项 其实本质上是在设置这个配置为true和 disableDotRule 并没有多大关系。
    回复 有任何疑惑可以回复我~ 2019-05-06 09:01:18
  • npm run dev的时候生成在内存中的
    回复 有任何疑惑可以回复我~ 2020-04-11 23:05:25
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信