1.在vue.config.js中基本路径设置publicPath: process.env.NODE_ENV === ‘production’ ? ‘/commonpath/’ : ‘/’
2.在设置路由的文件里面base要设置成对应的值,
process.env.BASE_URL默认就是publicPath的值 在这里插入图片描述

3.process.env.NODE_ENV为production是设置线上环境,dev是本年环境
4.图例
在这里插入图片描述
在这里插入图片描述

1.在vue.config.js中基本路径设置publicPath: process.env.NODE_ENV === ‘production’ ? ‘/commonpath/’ : ‘/’2.process.env.NODE_ENV为production是设置线上环境,dev是本年环境3.图例 import { createRouter, createWebHistory } from 'vue-router' createRouter({ history: createWebHistory('/base-directory/'), routes: [], 需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。 举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。 这需要给页面 路由 ,以及访问的静态资源加admin, test。并且配置好nginx。 因为vue-cli版本的不同, 文件 结构不同,加 前缀 的方法也不一样。 vue-cli2: 由于我用的是...
Vue3配置代理跨域(使用vite.config.js 文件 配置vite.config.js 配置 文件 vue3发布有一段时间了,其中vite感觉很好用,现在配置跨域和服务端口等配置,可以不使用vue-cli的vue.config.js了,可以只使用vite.config.js进行配置。 vite.config.js 配置 文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const { resolve
当配置为当前目录’./’ 访问正常,其实publicPath当前目录即 打包 后的index.html的当前目录,即dist目录,怎么证明,把publicPath的值设置为’…/’,看看情况三 又报错,把js,css等静态. ========================== 动态 路由 路由 某部分里加入[ : ],就成为动态 路由 如:/user/:id/,那么 路由 导航,并不是  /user/id/ 而是 /user/666/。 显然这个 id 能被获取,在组件中使用。通过 this.$route.params 获取。 this 是当前组件,$route 是 路由 对象,params 是一个对象字面量 { id:666 }。 $route 通过 Vue.use(Router) 和 new Vue({ router, store, ren
vite作为一种新型构建工具,它的目标是提供快速的开发体验,但与此同时也包含了一些使用限制,其中包括动态 路由 表的生成。在使用 vue3.0 和vue-router4.0时,如果想要动态 添加 路由 ,需要在 路由 表中引入需要 添加 的组件,并且在组件加载前对 路由 进行监听,以便在组件加载时能够正确地生成 路由 表,否则动态 路由 添加 会失败。因此,我们需要在vue-router4.0中使用addRoute或者addRoutes方法来动态 添加 路由 。在使用这些方法时,需要明确 路由 路径 和要渲染的组件,以及在 路由 更新时要执行的逻辑,这样才能保证动态 路由 的生成和更新。此外,在vite中因为是基于ES模块的加载机制,所以需要确保每个动态 路由 在使用前都必须被加载完毕,否则可能会出现加载错误的情况。因此,在使用动态 路由 的过程中,需要对应用程序的代码进行优化,保证所有 路由 的组件都能够正确地被加载并生成 路由 表,才能保证动态 路由 的正确性。
CSDN-Ada助手: 非常感谢您分享这篇有关vue多标签页tab的博客,这对于许多前端开发人员来说都是非常有用的。如果您对此感兴趣,我们非常欢迎您撰写一篇有关vue前端开发的更深入的技术博客,比如vue组件化设计、vue-router路由实现、vuex状态管理等等。期待您的更多精彩内容! 为了方便博主创作,提高生产力,CSDN上线了AI写作助手功能,就在创作编辑器右侧哦~(https://mp.csdn.net/edit?utm_source=blog_comment_recall )诚邀您来加入测评,到此(https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall)发布测评文章即可获得「话题勋章」,同时还有机会拿定制奖牌。 el-upload组件直接用接口调用 qq_39037897: 前端大小设置改下。后端的文件大小有限制的也要改 el-upload组件直接用接口调用 weixin_50273037: 请问通过后端进行上传必须10M以下吗,我想上传个80M的文件这种方法还能用吗