首页跳转错误

Question

我下载的初始daim  npm run dev后  `http://localhost:8088/dist/view` 显示首页  但是首页上导航全部不对

比如 `<a class="link" target="_blank" href="./list.html?keyword=手机">手机</a>`   这个点开后地址是`http://localhost:8088/dist/list.html?keyword=%E6%89%8B%E6%9C%BA`  这个地址就是404找不到

如果我在`http://localhost:8088/dist/view/index.htm` 上点跳转就没问题，这个是个什么原理呢

还有这个npm run dev 后 目录下如果没有dist目录 。但是 访问 dist/view 还是能访问到  这个是个什么原理呢

还有如果我想打开`http://localhost:8088/`  就能显示 index 应该怎么弄呢  我试过webpck-dev-server --content-path ./dist/view  但是没用 

最后一个问题  web-dev-server启动时会出现一句 

webpack result is served from /dist/  除了改output 还有没有办法手动改这个路径呢  

Answer 1

Rosen 2017-06-11 13:00:26

./list.html的意思就是相对路径，如果使用 `http://localhost:8088/dist/view`后，它的当前路径是/dist/，如果是`http://localhost:8088/dist/view/index.htm` ，当前路径就是/dist/view/，所以会出现这个问题。这个问题会在开发过程中存在，上线的时候，可以看我们线上演示的地址，z主页就是happymmall.com/index.html或者happymmall.com，这两种路径都是以happymmall.com为当前路径，无论怎么跳转就都不会错了。

• 浣玉 #1

  老师您好，我也遇到了这个问题，第五章的时候是正常的，第六章时候就出现这个问题了，老师能详细讲一下吗？有具体的解决方法吗？

• Rosen 回复 浣玉 #2

  就是打开的时候用全路径就好了，/dist/view/index.html

• 浣玉 回复 Rosen #3

  谢谢老师！