vue-cli npm run build 打包问题 webpack@3…
2018-09-18 06:37:09来源:博客园 阅读 ()
-
hash (默认模式)
使用URL来模拟一个完整的URL 但是没个URL都会带上 "#/'' 支持所有浏览器
这个模式使用 redirect (重定向) 手动刷新页面会定到 第一个页面
-
history 模式
history.pushState
API 来完成 URL 跳转而无须重新加载页面 这个模式可去掉"#/"同时线上 (生成环境)需要后台配合把所有访问不到的资源路径后台重定向到 index.html
后端配置例子
https://router.vuejs.org/zh/guide/essentials/history-mode.html
-
base 基础路径 默认为"/"
整个单页应用服务在
/dist/ 下,然后
base就应该设为
"/dist/"。
-
打包生产环境 会生成 dist目录
-
使用 hash 模式
如果页面是空白的 可能是 config ->index build 对象中assetsPublicPath "/" 的问题 可设置为"./"
"/" :表示 访问服务器根目录资源
"./" 表示访问服务器当前目录的根目录资源
-
如果使用 history 模式 如果只有样式 无HTML 内容
那么 不仅仅 是assets PublicPath 问题
还需进入dist 目录 全选打包 并放入 服务器访问的根目录解压 比如 Tomcat 就要放进 ROOT 目录中
因为 只打包dist 文件夹 解压的时候会生成 dist文件夹
而进入 dist 文件夹全选文件打包 解压时会生成对应文件
-
如果 要使用 history 模式 并且不把前端资源包放到 服务器根目录下, 必须 配合 base 来使用
-
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- vue-cli中打包图片路径错误的解决方法 2020-01-17
- vue-cli3构建ts项目 2019-08-14
- Electron npm install 常见错误(Linux) 2019-08-14
- npm install 报错踩坑路 2019-08-14
- Vue-创建项目 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash