vue的打包

最新推荐文章于 2023-07-04 12:05:04 发布
最新推荐文章于 2023-07-04 12:05:04 发布
阅读量510 收藏
点赞数
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jasonjkj/article/details/80718706
版权

1. 修改config文件夹下  index.js文件

assetsPublicPath: './',

注意:需要  修改两处 ...

2.vue-router

 mode: 'history',

   使用history 是需要后台的支持的

如果,没有后台  直接 mode:hash   ,或者不写这个选项(默认就是hash的模式)

3.执行命令:

    mode: 'history',

    cnpm run build   (这些简化的命令  )

4.新生成的dist 文件

    就是你需要的文件了




mode : 'history' ,
jasonjkj
关注
专栏目录
vue打包路径设置
weixin_48785875的博客
03-24 8349
vue 打包路径设置vue打包默认路径css中图片路径等 vue打包默认路径 1.vue打包之后的默认路径是从根目录开始算的，如果你的项目并不是根目录，而是子目录，这种设置就会导致路径错误， 解决方法：修改config/index.js下面的代码，将assetsPublicPath: '/'跟路径修改为assetsPublicPath: './'当前文件夹路径 css中图片路径等 解决之后，发现组件中的css的背景图片路径不对，无论放到static还是assets里面，最后解析出来的都是/static/i
修改Vue打包后的默认文件名操作
11-20
本篇将详细介绍如何修改Vue打包后的默认文件名以及打包后的文件命名规则。 一、问题描述 当需要在同一服务器上部署两个或更多Vue项目时，由于Vue CLI默认将打包结果输出至`dist`目录，这可能导致不同项目之间文件...
vue打包命令
解决bug的路上
03-04 6201
npm run build:prod --report
vue打包模式
胡高洁
07-14 1828
标题 一、cross-env 为了在window和linux上都可以设置上临时的进程环境变量（也就是node打包时候所需要的环境变量），需要使用到cross-env做跨平台环境变量配置，配置代码可以在node_modules>.bin>cross-env下找到; 二、dotenv dotenv是一个读取.env开头类型文件的npm插件，vue-cli-service中使用该插件读取环境变量; 三、vue-cli-service 1.打包模式 vue-cli-service打包有三个模式，即dev
VUE打包方法
呆子小木心的博客
10-15 2902
VUE打包方法 方法一： 自己一步一步的搭建项目（ps：不是使用命令vue create name 下载的项目） 1，初始化项目 npm init -y （创建一个包含package.json） 2，局部安装 npm install webpack --save-dev npm install webpack-cli --save-dev 3，编写配置文件（webpack.config.js） const path = require("path");
vue 打包的方式
热门推荐
weixin_60208344的博客
01-01 4万+
我是一个苦b的程序员，今晚加班到快通宵了，困得快睁不开眼了，女上司很关心，问我要不要吃宵夜。我没好气地说，宵夜就算了，能让我睡一觉就行了。女上司红着脸说了句讨厌啊，然后坐在我身边不动，好像距离我很近，搞得我很紧张，难道她发现我的程序出了bug？ 今天分享的是vue项目中的打包方式： 一、使用vue-cli脚手架生成的项目 二、使用webpack 那么就让我们步入正题 第一种： vue create app生成项目的目录： 我们可以看到使用脚手架生成的项目是没有config文...
VUE打包部署
hzp666的博客
03-25 5268
rm-rfdist///最好是build之前把原来的dist文件夹删掉，不然搞不清楚是不是最新的 npmrunbuild zipdist/dist.zip//上一步npmrunbuild会生成一个dist文件夹，用指令打成zip包 mvdist.zip/opt/qanda///把这个dist.zip包移动到/opt/qands/目录下 unzipdist.zip...
webpack_vue打包优化
编程知识分享，主打前端
07-26 3万+
打包
VUE打包目录自定义
lpzwzpf的博客
05-23 5440
新接手VUE项目，因为项目需要，我们要按照之前的项目结构打包，VUE自动生成的打包目录结构不符合要求。 1.dist目录不能用，导致每次打包需要将dist文件夹重新命名，如果要修改打包后文件的目录，需要修改“config/index.js” 可以修改为： 这样在你的代码目录下生成一个package的文件夹，“package/XXX”就是打包生成后的文件内容。 2.默认的VUE打包生成后，只有一个index.html和static文件夹，但是往往因为我们项目的需要，要在static同级目录下放
vue 打包桌面应用 pwa应用 Vue PWA tauri Tarui + Vue 打包 成 桌面应用 vue打包成桌面应用 vue 部署 桌面应用 vue部署为桌面应用 vue部署 为 桌面应用
半只
08-04 4842
以上的 Electron 配置 - package.json 、main.js 都只是基础配置， 如果 还需要更改应用图标等配置请参考 官方文档，部分 配置 需要实际去配置，不然就会出现 请求 后端出现 跨域、路由之类的问题(没出现就不需要管)
vue打包到生产环境
heshihu2019的博客
07-04 1388
npm run build 是生产环境。npm run dev 是开发环境,此时会自动打包在dist目录下。
如何修改Vue打包后文件的接口地址配置的方法
10-15
为了方便管理和维护，本文介绍了如何修改Vue打包后文件的接口地址配置。 在常规的Vue项目中，我们可以简单地通过修改配置文件来改变接口地址。具体操作是在项目的config文件夹下找到dev.env.js（开发环境配置）和...
springboot如何使用vue打包过的页面资源
08-25
Spring Boot 如何使用 Vue 打包过的页面资源 概括来说，本文主要介绍了 Spring Boot 如何使用 Vue 打包过的页面资源，通过示例代码详细介绍了整个过程。下面是对该主题的详细解释： 一、Webpack 打包 在使用 Vue ...
vue打包后显示空白正确处理方法
08-28
在开发过程中，我们经常需要将 Vue 项目打包以便部署到生产环境。然而，有时在执行 `npm run build` 命令进行打包后，可能会遇到浏览器中显示空白页的问题。这个问题通常是由于多种原因导致的，包括路径错误、公共...
基于java的校园美食交流系统设计与实现.docx
09-19
基于java的校园美食交流系统设计与实现.docx
#_ssm_126_mysql_实习支教中小学学校信息管理系统_.zip
09-19
均包含代码，文章，部分项目包含ppt
基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip
最新发布
09-19
基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip 个人大四的毕业设计、课程设计、作业、经导师指导并认可通过的高分设计项目，评审平均分达96.5分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 [资源说明] 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设或者课设、作业，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96.5分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），供学习参考。
ASP.NET公交车管理系统的实现与设计(源代码+论文).zip
09-19
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 、4下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；、下载 4使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；、 4下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
ASP基于WEB楼宇专业网站毕业设计(源代码+论文).zip
09-19
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.m或d论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 、1资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
vue 打包
05-26
下面是使用 Vue CLI 进行打包的步骤： 1. 在命令行界面进入项目根目录。 2. 运行以下命令安装依赖： ``` npm install ``` 3. 运行以下命令打包： ``` npm run build ``` 4. 打包完成后，会在项目根目录...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值