vue项目静态资源路径问题
大家在运行的时候我们是需要用内置的devServer帮助我们自动项目 开发过程中没有问题
但是 我们所写的项目今后是需要上公网让用户访问的 所以我们需要把项目放在性能更好的服务器上运行
还有就是 我们所写的是.vue文件 浏览器不认识 没有办法直接解析
所以我们就绪要对当前项目 进行打包 就是把项目编译成 html css js 方便我们把项目放到服务器上也方
便浏览器解析
打包流程
1.npm run build命令打包 但是会发现打包之后资源路径有问题
2.修改静态资源路径 publicPath
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' }
3.修改路由模式为hash
// 1.需要引入
import { createRouter, createWebHistory, createWebHashHistory } from 'vue- router' // 2.修改配置
const router = createRouter({ history: createWebHashHistory(process.env.BASE_URL), routes })