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

来源:4-2 Vue-router之配置

慕名小白

2018-04-23

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

//img.mukewang.com/szimg/5addba0100016ea008780776.jpg

//img.mukewang.com/szimg/5addba290001d34807840442.jpg

//img.mukewang.com/szimg/5addb04f0001673421660748.jpg

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

//img.mukewang.com/szimg/5addb08700018c3306840252.jpg

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

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

写回答

2回答

Jokcy

2018-04-25

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

0
1
慕名小白
非常感谢!
2018-04-26
共1条回复

慕名小白

提问者

2018-04-23

Jokcy好,

  我这里找到了解决的方法

//img.mukewang.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的时候,我看项目中并没有生成相应的文件啊?

//img.mukewang.com/szimg/5addccea0001bb0e14380170.jpg

4
2
慕码人4044070
npm run dev的时候生成在内存中的
2020-04-11
共2条回复

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

深入讲解Vue核心技术,展示Vue应用开发中的各种问题和解决方案

3168 学习 · 853 问题

查看课程