1.新建vue.config.js文件夹，输入以下代码：module.exports = {
assetsDir: 'static',
parallel: false,
publicPath: './'
}，注意将public目录下的图片放到static目录下。2.项目书写调试完成之后，使用npm run build 命令打包生成dist文件夹。可修改dist文件夹的名字。
转载
2023-07-13 20:42:21
152阅读
方式一：在windows本地部署1.准备vue项目 打开终端，输入vue create hello命令来创建一个名为hello的vue项目用于部署 cd hello npm run build 来对hello项目进行打包，打包后会生成一个dist文件夹2.nginx官网下载nginx，版本选择最新的稳定版即可下载并解压后进入nginx文件夹下的conf文件夹，找到nginx.conf文件并打开 将
转载
2023-11-07 22:24:29
164阅读
将 Vue 项目部署到线上，通常需要经过以下步骤：1. **本地开发和测试：**- 确保您的本地开发环境已经安装了 Node.js 和 np并进行功能测试和调试。
原创
2024-01-02 12:19:15
246阅读
下载链接若依官方找 若依vue导入IDEA流程配置后端1.下载解压vue源码2.配置maven，如有跳过3.导入idea4.修改数据库配置文件5.部署redis和mysql6.导入数据库7.启动后端springboot测试http://localhost:8080/captchaImage 配置前端1.安装nodejs2.在idea的终端执行cd ruoyi-uinpm i
原创
2023-06-21 15:39:48
123阅读
一、企业项目开发流程
产品提需求
交互设计出原型设计
视觉设计出UI设计图
前端开发出页面模板
server端存取数据库
验收测试
二、为什么要使用vue: https://cn.vuejs.org/v2/guide/comparison.html
5个前端，4个会vue，1个会react，那么你该如何选择
客户要求使用vue
...
三、如何选择脚手架
自己搭建脚手架 webpack
使用现成的
转载
2024-08-28 16:24:42
65阅读
vue项目打包流程二、打包优化1.首先在根目录下面创建一个vue.config.js文件2.去除.map文件，在vue.config.js文件里面抛出一个对象，然后把下面两段代码写到对象里面，然后在控制台或者终端通过npm run build命令，打包项目注：如果一次不行，就在执行一次module.exports = {}//在vue.config.js文件里面抛出一个对象publicPath:
转载
2023-08-24 23:38:40
295阅读
前言本节将会正篇的最后一篇文章了，经过了前十五节的coding，基本是使用Springboot和Vue来搭建了一个基础的后台管理系统。当然目前的代码还是比较粗糙的，有很多还没做，比如jwt里面的各种处理，数据库的事务处理等。 接下来我会对这个项目做两个方面的深入：继续将其打造成一个开箱即用的前后台框架，方便以后我自己做项目，或者分享给大家使用使用目前的代码去实现一个实际的项目，在实际项目过程中，来
转载
2024-07-21 09:25:00
129阅读
项目地址：https://gitee.com/zhujf21st/authbase。2.会在ui目录下生成一个dist目录（就是我们的项目路径）执行npm run build:stage。解.环境安装一个nginx。
由于之前对前端部署上线这一套不清楚，所以这次通过查找多方资料总结一下。使用Vue作先后端分离项目时，一般前端是单独部署，用户访问的也是前端项目地址，所以前端开发人员颇有必要熟悉一下项目部署的流程与各种问题的解决办法了。 Vue项目打包部署自己不复杂，不过一些前端可能对服务器接触很少，部署过程当中仍是会遇到这样那样的问题。下方主要描述的是使用nginx服务器代理前端项目的方法以及项目部署的相关问题，
转载
2024-03-08 21:04:23
184阅读
使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。
转载
2021-08-25 10:00:30
9938阅读
使用VUE首先需要下载安装一些列的环境。 第一步： 安装Node.js 下载并安装：node-v8.9.0-x64.msi第二步： 安装Vue脚手架： cmd以管理员身份执行npm install vue-cli -g 或者安装淘宝版 cnpm install vue-cli -g vue -V 查看是否安装成功第三步： 创建项目：vue init webpack
转载
2024-05-17 20:36:09
34阅读
1、为什么要使用vue1、项目组（4个人）只有一个人会用react，其余人不会 2、客户要求必须使用vue 3、leader说使用vue2、使用vue开发项目的流程全家桶：vue + vue-router + element-ui/iview/mint-ui/vant + axios/fetch + vuex + mock2.1 软件开发的生命周期 --- 《软件工程》(1)问题定义
转载
2024-01-25 18:40:10
94阅读
vue.js项目部署到服务器docker容器上网上看到大部分都是使用nginx镜像通过反向代理进行部署，但是我试过很多遍都没有部署成功，后面使用了node镜像部署。总结一下我使用node部署的步骤，如下：我这里vue项目名为bigdata，是通过远程服务器的docker进行部署,保存的目录在/root/vue/下1、把项目bigdata通过xftp传到/root/vue目录下 2、拉取node镜像
转载
2023-08-18 17:19:23
162阅读
首先需要拥有一台服务器，我用的是阿里云的CentOS。下面就让我们开始吧！1、部署服务器一、配置阿里云端口进入阿里云控制台，安全组 -> 配置规则 进入配置端口，开放了对应的端口，服务器才能访问。二、安装Xshell和，XftpXshell用来连接服务器，Xftp用来上传或者删除文件，十分的方便。 下面给出下载地址：https://www.netsarang.com/zh/xshell/ 1
转载
2024-02-11 07:26:51
187阅读
1、DOM 节点树 高效的更新所有这些节点会是比较困难的，因为原生的DOM节点属性很多，渲染性能差。 2、虚拟 DOM “虚拟 DOM”是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。 Vue 的模板实际是编译成了 render 函数。 3、渲染流程 说明： （1）模板templat
转载
2018-11-19 18:31:00
509阅读
2评论
1.安装插件：element 运行依赖： axios,element-ui开发依赖： echarts,js-md5,less,less-loader
原创
2021-07-23 09:12:43
214阅读
Vue+Springboot项目部署的踩坑记录...
原创
2022-08-23 14:58:52
715阅读
1、项目创建首先我们要安装好vue，网上安装教程很多，这里就不就行介绍啦 下面我们就可以进行，我们的项目创建了 首先打开一个我们需要创建项目的目录在该目录下打开我们的cmdvue init webpack vue-demo1 #这里的vue-demo1就是我们所要创建的项目的名称剩下的就一直回车就可以了 等着创建完成就可以了 然后，我们cd进入到我们刚刚创建的工程目录中 在输入我们的运行命令npm
转载
2023-09-22 14:38:27
151阅读
因为期末了，要检查web大作业，虽然没有要求，但我想把项目部署一下，以免每次都要打开运行了，部署过踩了许多坑，这里总结一一下这次部署的流程吧。项目我个人进行前后端分离的全栈开发，有后台，后台部署的过程由于篇幅原因将在下一篇中讲解准备工作准备一台虚拟机或者云服务器（linux系统）首先，由于真实的项目基本上都部署在linux系统上，因此为了贴近真实，我们需要准备一台带有linux系统的虚拟机或者云服
转载
2024-08-15 09:40:18
70阅读
最近刚到新公司，正好之前没接触过这方面的东西。最初仅仅是猜想。最后也没想到Tomcat真的可以部署前端页面 好，我先来。新建一个vue项目。 // 详细的怎么创建。我这里就不说了。vue init webpack vuetest得到的项目目录执行，npm run build // 进行打包操作当最后看到这样代表打包成功此时你可连接服务器。我这里用的是 xshel
转载
2024-08-19 14:29:23
39阅读
