前端打包添加前缀

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上有没有带上前缀

相关推荐
buhuimaren_5 分钟前
系统安全及运用
前端·chrome
什么问题9 分钟前
记一次 VisionPro +PlayMaker 项目修正
开发语言·前端·javascript
新缸中之脑12 分钟前
Chrome 146:终结专用AI浏览器?
前端·人工智能·chrome
fjh199720 分钟前
通过配置 Edge 浏览器 DoH 和 ECH 实现特定网站如linuxdo裸连访问
前端·edge
北城笑笑29 分钟前
Vue 99 ,Vue 项目代理配置规范:跨域解决、路径重写与多环境适配最佳实践( 企业级避坑指南 )
运维·前端·nginx·vue
梵得儿SHI30 分钟前
Vue3 实战:从 0 搭建企业级后台管理系统(Router+Pinia+Axios+Element Plus 全整合)
前端·javascript·vue.js·pinia状态管理·项目初始化·页面路由配置·后台首页布局
不能只会打代码31 分钟前
基于Vue 3 + Spring Boot的物联网生鲜品储运系统设计与实现(源码附有详细的文档讲解)
java·前端·vue.js·spring boot·后端·物联网·github
A923A32 分钟前
【Vue3大事件 | 项目笔记】第三天
前端·vue.js·笔记·vue·前端项目
Smoothcloud润云36 分钟前
告别 Selenium:Playwright 现代 Web 自动化测试从入门到实战
前端·人工智能·selenium·测试工具·架构·自动化
前端小D40 分钟前
ES6 中的 Promise
前端·javascript·es6·promise