首页跳转错误

来源:3-8 webpack-dev-server

诺森德的凛冽寒风

2017-06-11

我下载的初始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 还有没有办法手动改这个路径呢  


写回答

1回答

Rosen

2017-06-11

./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为当前路径,无论怎么跳转就都不会错了。

0
3
浣玉
回复
Rosen
谢谢老师!
2018-07-02
共3条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程