uni-app项目前端加前缀(包括页面及静态资源)

Slow菜鸟

已于 2023-11-01 11:44:50 修改

阅读量2.6k

点赞数 1

分类专栏： vue 文章标签： uni-app 前端

于 2023-11-01 10:44:13 首次发布

本文链接：https://blog.csdn.net/qq_20236937/article/details/134155611

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

文章讲述了在使用H5开发时，manifest.json中base和publicPath设置对打包后HTML文件路径的影响，特别是针对本地调试和正式环境部署的区别。base设置会同步影响publicPath，确保两者路径一致以避免加载资源错误。

摘要由CSDN通过智能技术生成

具体步骤

参考：
https://www.jianshu.com/p/f1fe5daa3a3c

manifest.json 文件##

位置如下：
在这里插入图片描述

"h5" : {
    "title" : "物业公告",
    "router" : {
        "mode" : "history", //采用history模式URL的路径才跟配置的对应上，不然URL是先加/#再追加配置的地
        "base" : "/1600bb2b33825000/"  //在页面路由上加上该前缀
    },
    //以下publicPath不主动设置时会默认为base的设置，在其静态资源上面加上前缀
    //"publicPath" : "./", (如果是本地的调试的话就配置成“./”,正式打包还是得注销掉)
}

以下测试
（1）
base设置为“./” 时
publicPath不做任何配置时，
打包后的index.html文件为
在这里插入图片描述
（2）
base设置为“/1600bb2b33825000/” 时
publicPath不做任何配置时，
打包后的index.html文件为

（3）
base设置为“./” 时
publicPath设置为“/1600bb2b33825000/” 时
打包后的index.html文件为

总结：
（1）base 设置会默认同步影响 publicPath 设置，除非 publicPath 自己又配置了一遍
（2）在要加前缀的情况下，正式环境的包，只设置 base 即可，
若想本地进行调试（想页面路由变化，同时还能访问静态资源，建议把publicPath 设置为“./”）
发布正式一定要两者（base、publicPath）路径一致，否则会出现页面虽然可以访问，但是页面空白，然后报错信息为“Uncaught SyntaxError: Unexpected token ‘<’”，原因：js、css引用文件的路径不对。

"./"表示当前目录