vue3 项目打包后怎么可以在本地直接打开
vue的项目编译打包后默认情况下需要有服务器才能打开,那么在不用服务器的情况下怎么打开呢首先在项目根目录下的vue.config.js(如果没有就自己创建一个)里加一个配置项 publicPath:"./" 或者 publicPath:"" (这个配置项的目的是指明项目在服务器下的路径,这里设置成相对路径)module.exports={publicPath:"./"}然后把rutour的历史模式
·
vue的项目编译打包后默认情况下需要有服务器才能打开,那么在不用服务器的情况下怎么打开呢
首先在项目根目录下的vue.config.js(如果没有就自己创建一个)里加一个配置项 publicPath:"./" 或者 publicPath:"" (这个配置项的目的是指明项目在服务器下的路径,这里设置成相对路径)
module.exports={
publicPath:"./"
}
然后把rutour的历史模式改为 hash模式(因为hash模式不会走服务器,而是在本地直接处理) vue3的项目在 router / index.js 里改
const router = createRouter({
// history: createWebHistory(process.env.BASE_URL),
history: createWebHashHistory(),
routes
})
这里要注意下,createWebHashHistory这个函数记得要导入
import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'
import Home from '../views/Home.vue'
更多推荐
已为社区贡献2条内容
所有评论(0)