前端打包添加前缀

vue2添加前缀

router的base加上前缀

javascript 复制代码
export default new Router({
  mode: 'history', // 去掉url中的#
  base: privateDeployUrl, // 这里加上前缀
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRoutes
})

vue.config.js,publicPath属性加上前缀

javascript 复制代码
  publicPath: process.env.NODE_ENV === "production" && process.env.VUE_APP_PRIVATE_DEPLOY_URL ? process.env.VUE_APP_PRIVATE_DEPLOY_URL : "/",

uniapp h5 添加前缀

manifest.json

json 复制代码
"router" : {
	"base" : "/integral-paltform",
	"mode" : "history"
}

如何查看自己有没有添加成功呢

项目运行就可以看到路由url有没有加上前缀

打包后的index.html中可以看到引入的静态文件url上有没有带上前缀

相关推荐
哆啦A梦1588几秒前
Vue3魔法手册 作者 张天禹 02
前端·vue.js·typescript
老前端的功夫5 分钟前
抛弃 `!important`,让 CSS 优先级变大
前端·javascript·css·npm·node.js
熊文豪9 分钟前
Tomcat+cpolar 让 Java Web 应用随时随地可访问
java·前端·tomcat·cpolar
衫水10 分钟前
如何在离线情况下部署项目(前端VUE + 后端Python)
前端·vue.js·python
南棱笑笑生10 分钟前
20260123让天启AIO-3576Q38开发板在天启Buildroot下适配摄像头模块8ms1m【预览】
java·前端·数据库·rockchip
Sylvia33.12 分钟前
如何获取足球数据统计数据API
java·前端·python·websocket·数据挖掘
沛沛老爹14 分钟前
从Web到AI:Agent Skills安全架构实战——权限控制与数据保护的Java+Vue全栈方案
java·开发语言·前端·人工智能·llm·安全架构·rag
小飞大王66619 分钟前
使用nodejs接入ai服务并使用sse技术处理流式输出实现打字机效果
前端·javascript·人工智能
极客小云22 分钟前
【React + TypeScript 实现高性能多列多选组件】
前端·react.js·typescript
bin915326 分钟前
(文后附完整代码)html+css+javascript 弹球射击游戏项目分析
前端·javascript·css·游戏·html·前端开发