vue hash和history打包

作者: 习惯水文的前端苏 | 来源:发表于2020-12-11 23:22 被阅读0次

hash模式打包比较简单，只需要将config下的assetsPublicPath改为'./'就可以了

history需要服务端的支持，否则在刷新的时候会404

首先找到config文件夹下的index.js

I-将路由模式修改为history模式

II-将dev和build下的assetsPublicPath修改成/nginx配置的目录名称/，注意，必须是'/'开头'/'结尾

III-找到router的根文件，在mode属性下新增base属性，值与assetsPublicPath的值保持一致

IV-找到index.html文件将资源引用路径改成以assetsPublicPath的值开头的形式引入，并增加meta标签，值同assetsPublicPath的值

V-找到nginx目录下的conf文件夹，找到nginx.conf，新增如下配置

vue hash和history打包
hash模式打包比较简单，只需要将config下的assetsPublicPath改为'./'就可以了 histo...
知识 | VUE路由的hash模式与history模式
hash模式url带#号，history模式不带#号。 Vue-router 中hash模式和history模式的区别
Vue 路由router
路由路由是基于hash 和 history 封装的 hash history 路由在vue中使用流程 ps. 如...
Vue路由「十五」-- vue-router的路由模式***
vue-router的路由模式有 hash模式和 history模式，默认使用 hash 模式hash模式：使用...
2020-06-03面试--vue基础篇
####1，vue的路由实现原理有哪几种答案：Vue的路由实现：hash模式和 history模式 hash模...
vue-router的两种模式的区别
vue-router有两种模式，hash和history模式。 hash模式，默认是hash模式hash的原理是o...
2020-06-03面试--vue基础篇
1，vue的路由实现原理有哪几种答案：Vue的路由实现：hash模式和 history模式 hash模式：在浏...
vue-router常见用法
hash模式和history模式 hash模式(vue-router默认hash模式)就是看到路由上面会有一个 #...
前端router之hash和history
vue,react的router有history和hash两种模式 hash 利用监听hashchange事件来前...
nginx + vue-router配置history模式访问
vue单页应用使用vue-router会有两种配置，即history模式和hash模式，但是hash模式其实会有很...