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

具体步骤

参考:

https://www.jianshu.com/p/f1fe5daa3a3c

manifest.json 文件##

位置如下:

bash 复制代码
"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引用文件的路径不对。

"./"表示当前目录

相关推荐
朝阳395 分钟前
react19【实战】配置化路由登录鉴权完整方案
前端·javascript·react.js
ShuiShenHuoLe13 分钟前
vue如何实现国际化,它来了!
前端·javascript·vue.js
其美杰布-富贵-李15 分钟前
Vue Router 实战教程
前端·javascript·vue.js
NutShell Wang18 分钟前
拆解 GitHub gh-stack:堆叠 PR 工作流的设计取舍与工程实现
前端·git·开源·github·代码复审·开发者工具·vibe coding
名字还没想好☜22 分钟前
React 用 IntersectionObserver 实现图片懒加载与无限滚动:封装一个 useInView Hook
前端·javascript·vue.js·react.js·react
带娃的IT创业者1 小时前
Puppeteer 深度解析:超越自动化测试的现代 Web 交互范式
前端·交互·puppeteer·可观测性·浏览器自动化·无头浏览器·web工程化
程序员爱钓鱼1 小时前
Rust 所有权 Ownership 详解:理解内存安全的核心机制
前端·后端·rust
Mh9 小时前
别再只会 `find` 了:Map 在前端业务里的真实用法
前端·javascript
陈随易10 小时前
FFmpeg 9.0 发布,代号 Lei,音视频处理再升级
前端·后端·程序员
爱丶狸10 小时前
Grafana_Zabbix_ImageRenderer_部署与前端操作手册
linux·前端·zabbix·grafana·kylin