一. 打包 npm run build 打包项目后，出现dist文件夹，dist文件夹下的东西就是需要部署的项目。 但是遇到问题：index.html页面出现一片空白，右键检查network发现一堆错误。解决：没有修改config配置文件，如果直接打包，系统默认的是’/’（根目录），而不是’./’（当前目录）,从而导致路径不对，页面加载不出来。 需要自己在项目的根目录下手动建一个配置文件并添上以下
将移动端页面打包成app1、使用 HBuilder 直接编译打包 点击左上角 文件》打开目录》选择目录 选择用Webpack打包好的dist文件目录 由于我添加到项目了，所以会显示该项目名称已存在，请重新输入。2、接着点击完成，就可以在目录中看到dist 这里dist前面的标志应该是W 由于我转换过一次，就会显示A&
利用：Electron 进行开发。链接》第一：把electron的官方例子扒下来，下面简称A，留着待用：git clone https://github.com/electron/electron-quick-start第二：进入我们自己的项目（下面简称B），修改公共路径为相对路径（很多同学都是这步出了问题，导致 npm run build 后出现白屏情况）：如果你是 vue-cli3 构建的项目
现在基于vue全家桶技术体系，基本上可以开发各端的各种应用，pc端的应用，开发完成以后，直接运行打包命令 yarn build 即可打包，部署到服务器端上线即可。那么，今天我们来聊一聊，开发好的vue移动端应用，如何打包成app，安装在自己的手机上呢？首先，基于vue开发的应用，现在主流的是使用vue/cli的4.x版本搭建的项目，从vue-cli的3.x版本以后，如何修改vue的项目配置呢？过程
转载
2023-06-27 21:14:15
471阅读
一、新建：可以使用原生的方法去做（虽然麻烦，但是可以很好地理解过程中的原理）我比较懒，就直接使用脚手架生成啦 开始之前，首先了解一下，什么是脚手架？vue-cli : vue脚手架，帮你提供好基本项目结果其本身集成很多项目模板1. simple 基本没有2. webpack 可以使用（一般用于大型项目（包含Eslint检查代码规范，单元测试））3. webpack-simple 个人推荐
# Vue项目打包及yarn打包命令详解
作为一名经验丰富的开发者，我可以教你如何实现“Vue项目打包”以及使用yarn打包命令。在本文中，我将通过以下步骤详细介绍整个流程，并提供每一步所需的代码和注释。
## 流程概述
在开始之前，让我们先了解一下整个流程。下表展示了实现“Vue项目打包”所需的步骤。
| 步骤 | 描述
步骤：1、vue项目修改配置文件。config的index.js文件， assetsPublicPath: './' /前面加点，注意修...
原创
2022-03-03 09:38:37
1790阅读
vue项目打包终端运行命令 npm run build打包成功的标志与项目的改变
原创
2022-02-21 16:53:48
682阅读
上次给CI环境搭建好了，这次写了一个脚本用于服务端打包及部署使用,解决了前端需要频繁打包的问题，即时将代码推到工程库，服务端自动打包作发布,然后测试人员即时测试，尽早发现问题。发布原理：我没有通过软链的方式作发布，因为目前在Dev和Test环境也不需要用到回滚的地方，就是直接将打包好的文件解压到指定的目录下面。主要流程如下：gitlab-runner中.gitlab-ci.yml配置通过不同的分支
前言现在项目都是前后端分离的，所以前端要会部署前端项目。Nginx是一款轻量级的Web服务器、反向代理服务器，由于它的内存占用少，启动极快，高并发能力强，在互联网项目中广泛应用，所以我们的项目也使用Nginx部署。打包项目首先，使用vue打包命令,打包待部署的项目，生成dist文件夹备用：npmrunbuild服务器安装Nginx输入nginxv,看是否正确输出Nginx的版本号，如果可以正确输出
原创
2022-08-14 23:35:21
1021阅读
vue项目打包终端运行命令 npm run build打包成功的标志与项目的改变，如下图：点击index.html，通过浏览器运行，出现以下报错，如图：那么应该如下修改呢？具体步骤如下：1、查看package.js文件的scripts命令2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到in...
原创
2021-08-27 12:50:18
597阅读
# Docker打包Vue项目
在开发Vue项目时，我们通常会使用Docker来打包应用程序，方便部署到不同的环境中。通过Docker，我们可以将Vue项目打包成一个镜像，并在需要的时候运行容器来提供服务。
## 准备工作
在开始打包Vue项目之前，我们需要确保在本地电脑上已经安装好Docker。如果没有安装Docker，可以参考[Docker官方文档](
## 打包Vue项目
下面是一
Vue项目打包成docker镜像部署
Vue项目打包成docker镜像部署一、介绍我们部署Vue项目，可以build之后，直接放到nginx下面即可，今天给大家介绍创建docker镜像，使用docker镜像启动容器运行部署Vue项目的方式，可以尝试尝试，原理和使用nginx部署一样，不过是使用的docker容器而已，内部还是使用的是nginx作为基础镜像。二、docker安装docke
转载
2023-06-16 15:49:01
241阅读
项目"vue": "^2.7.14"版本起因：项目里安装了openlayers最新版本的地图插件，打包会成功，但是打包页面会有红色提示 刚开始根据红色提示百度找到相同错误的方法提供了的一系列提示安装啊，卸载，装了 node-module
转载
2023-08-28 11:24:02
424阅读
在nodejs环境中布署应用目标将打包好的代码打包上线前端修改生产环境下的baseUrl前端修改生产环境的 baseUrl.env.productionVUE_APP_BASE_API = 'http://ihrm-java.itheima.net'重新打包使用 koa 框架部署项目到现在为止，我们已经完成了一个前端工程师的开发流程，按照常规的做法，此时，运维会将我们的代码部署到阿里云的nginx
之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 2.打包后的代码如何 ...
转载
2021-08-10 10:41:00
577阅读
2评论
运行： $ cd my-project $ cnpm install $ cnpm run dev 打包： $ npm run build 执行完成后，会在 Vue 项目下生成一个 dist 目录，一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、c ...
转载
2021-08-13 09:15:00
769阅读
2评论
1. npm run build 2. npm install g serve 3.serve dist 原文地址：https://www.cnblogs.com/jy13638593346/p/9674851.html
转载
2019-07-01 11:10:00
1280阅读
2评论
在Kubernetes（K8S）中，部署Vue.js项目并通过Nginx进行打包是一个常见的操作。本文将教你如何实现这一过程。首先，让我们了解一下整个过程的步骤，然后逐步进行详细说明。
### 步骤概览
下表展示了部署Vue.js项目并通过Nginx进行打包的整体流程：
| 步骤 | 操作 |
| -------------- | -----------
