nuxt静态部署打包相对路径操作
编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
这篇文章主要介绍了nuxt静态部署打包相对路径操作,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
以往在nuxt项目中,打包静态化部署的的文件如下:
路径为绝对路径,当项目的域名为二级域名的时候,就不能打包为这绝对路径了。
nuxt不同于vue项目,思索了许久,终于找到了配置的地方:
nuxt项目中 nuxt.config.js :
module.exports = { router: { base: './' } }
打包后的文件:
补充知识:nginx部署,nuxt静态部署,路由跳转失效的问题
nuxt静态部署问题
静态部署:路由模式跳转失效的问题;不能使用历史模式,需要使用 ‘hash' 模式,再进行打包 ‘npm run generate'
文件:nuxt.config.js
// 自定义配置路由 router: { mode: 'hash', // 使用 'hash' 主要是为了适配以相对路径打开的静态站点, 必须使用 'hash' 否则路由跳转不生效 // base: '/moli/', base: process.env.NODE_ENV === 'production' ? './' : '/', // 使用 './' 主要是为了适配以相对路径打开的静态站点 extendRoutes(routes, resolve) { routes.push({ path: '/', redirect: { name: 'home' } }) } },
以上这篇nuxt静态部署打包相对路径操作就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
上一篇:Jquery Fade用法详解
下一篇:全网小程序接口请求封装实例代码
编程语言
- ThinkPad 笔记本如何调节LCD屏幕亮度
- Dreamweaver制作网页打开特效教程
- Win10 Mobile 10586升级后无限重启怎么办 硬重启帮您
- Win8系统提示音频设备有问题有一个或多个音频服
- Xbox One版Win10首个预览版9月份发布
- 如何在textarea文本输入区内实现换行
- Win10 Build 9901系统更新 预览版新版本下载
- McAfee Framework存在远程格式串处理漏洞
- Win10家庭版今日(7月30)正式在中国官方商城开卖
- Win10 Mobile预览版更新完10536.1000后才收到10536.100
- Win10 RS2更新了什么-Win10 RS2最终版本号1704首曝
- Windows7如何查看回收站对应的文件夹有哪些方法
- Win10让Charms栏回归桌面的方法教程
- 取消Windows XP系统开机启动画面的小技巧
- win8系统怎么下载安装USB百兆网卡?
- XP系统下磁盘空间变少了怎么办?XP系统磁盘空间