vue项目 打包部署上线
2023-09-27 14:26:02 时间
1. npm run dev:本地开发的时候做调试用的。
2. npm run build:打包部署上线,生成一个 dist 文件夹。
注意:用 npm run build 时,常遇到因引用路径不对导致页面无法正常显示的情况。
如果 vue 项目的代码上传到网站的根目录下一般是不会有问题的,也不会存在资源文件引用错误的情况,但如果 dist 文件夹没有放在网站服务器的根目录下,那么代码上传以后程序会报错。
解决办法:在 webpack 的配置文件中修改:
assetsPublicPath:'./'
相关文章
- Vue 入门
- vue - check-versions.js for chalk
- vue - check-version
- vue@2.6.14小目标列表
- Vue 3.0 && Nginx 项目打包部署知识都在这了~
- Node+TS+Koa+vue 商城全栈(八)创建分类控制器 并 实现获取分类信息列表
- HBuilder 打包 vue-cli 构建的 APP
- webpack5打包vue项目
- (1)打鸡儿教你Vue.js
- webpack4+vue打包简单入门
- vue-cli4打包优化
- vue按功能配置打包
- vue-cli2.0 多环境打包配置
- vue-监听视图滚动-加载下一页数据(鼠标滚动到底,加载)
- VUE+servlet上传多文件实践
- vue之packages.json添加注释的正确写法
- Vue.JS 对比其他框架
- vue-cli-plugin-electron-builder打包配置
- vue项目构建实战基础知识:SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除
- vue前台(六点二)
- Vue项目部署后,刷新提示404
- vue 完全入门系列 之 前置知识-ES6模块化/Promise/async|await/EventLoop/宏任务|微任务/API接口案例
- SpringBoot+Vue前后端分离项目 打包部署CentOS7 适合初学者部署学习
- vue-解决Vue打包上线之后部分CSS不生效的问题
- vue项目打包后字体文件路径出错的解决办法
- vue:前端压缩图片上传