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助手:
el-upload组件直接用接口调用
qq_39037897:
el-upload组件直接用接口调用
weixin_50273037: