Vue 路由history 静态资源找不到报404 或者token<

官网文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html
由于公司内容原因没有https的测试域名

所以在正式接口后加了个、/t/ eg:https:xxxx.com 测试接口域名====>https:xxxx.com/t

1.在路由文件 router /index.js里配置路由模式

image.png

2.打包项目后发现报错

Uncaught SyntaxError: Unexpected token '<'

image.png

现象：这是由于 打包的引入路径不能正常的点开，于是改成了正确的js路径,需要修改打包路径----修改文件 config/index.js打包配置

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',//静态资源路径  ----》修改成相对路径

3.需要后台配合

vue使用history，需要后台帮忙配置页面路径

参考文章

https://www.jb51.net/article/162268.htm
https://segmentfault.com/a/1190000015947783

https://www.jb51.net/article/132456.htm

标题名称

image.png