vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

网上有很多资料,几乎全是没用的。要么就是dev 运行不了,要么就是 dev可以运行,但是打包后 dist 就运行报错了。

这次,我记录下可用的 vue多页面demo!

dev 用 npm run serve 

build  npm run build

webpack 我就不说了!

这个 要这么写,dev 跟打包后的链接写法不一致 :

就说是 打包之后就要去掉.html 这个后缀名 才能访问。这个没找到webpack打包之后删除 a标签中的 .html 后缀的方式!

2019年 8 月份更新: 上面这一点,打包之后自动去除html 后缀这个,找到办法了,先给补上

就是 用变量 替换 这个 url 如下:

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

 

页面取参也要用方法去这里用这接:

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

定义好:

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

最后在打包之后 要新增一个 html 入口文件, 不然会出现 直接访问网址会 404:

vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参