VUE.....Vue部署CentOS

最新推荐文章于 2024-04-30 10:32:50 发布
最新推荐文章于 2024-04-30 10:32:50 发布
阅读量1.2k 收藏
点赞数
分类专栏： vue部署centos 文章标签： vue部署centos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dixialaoshu4/article/details/82428507
版权

npm打包

# 执行打包命令
npm run build

打包过程
webpack会生成相应的目录结构(压缩和混淆的代码)

打包产物

产出一个index.html和一个static文件夹，没有红色的东西，证明打包成功 ~///(^v^)\~！

4.将dist下面 上传的服务器某个位置，本例存与/usr/local/rural/;

5.配置部署，编辑nginx/conf 下的nginx.conf，修改如下图

6.启动nginx，访问http://localhost:8080即可,如果部署到你的外网服务器，访问外网ip即可

 

dixialaoshu4
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cenos7 下 docker 部署 vue+nginx
01-30
cenos7 下 docker 部署 vue+nginx 步骤
Parcel.js + Vue 2.x 极速零配置打包体验教程
10-18
The project of parcel & vue created by Wise Wrong
CentOS部署vue项目
snowball的博客
11-11 6231
安装nginx 如何在CentOS 7上安装Nginx_oldguncm的专栏-CSDN博客_centos 安装nginx
centos部署vue项目教程
对唔嗨住的博客
10-26 2329
版本：centos8.2、node-v14.18.1、pm2 准备工作 在本地进入到你的vue项目，执行npm run build打包命令，打包之后本地会出现dist文件夹，如下图 将dist文件夹以及package.json 文件上传到centos服务器上的 /home/项目名 目录下，当然文件夹可以自己定义，例如我存放的目录是/home/gzhong-admin，并新建一个app.js文件，文件内容如下 //定义目录 const fs = require('fs'); const path
Springboot+vue项目部署在Centos系统教程（2024年最新版，手把手教学）
学习是最低成本的投资
04-30 1279
基于Springboot+vue的项目部署在Linux的Centos系统的教程，细节教学，学会可随意将喜欢的项目部署在Linux服务器上
centos 7 安装 Vue
weixin_34357436的博客
11-12 300
一、安装npm yum install -y npm 二、更新组件 yum update openssl 三、安装Vue 最新稳定版本 npm install vue 最新稳定 CSP 兼容版本 npm install vue@csp 四、安装命令行工具 npm install -g vue-cli 五、创建一个基于 "webpack" 模板的新项目 v...
vue打包后，部署到centos的 nginx上
cyw8998的专栏
01-06 1156
vim nginx.config进入文件，更改端口80为自定义的端口（比如9090）第二种方法：可以在官网下载nginx-1.22.1.tar.gz后，手动设置安装。更改配置文件端口号和反向代理后，到usr/local/sbin#目录执行。j解压tar -zxvf nginx-1.22.1.tar.gz。.nginx启动 （停止是nginx -s stop）增加一下配置，给vue设置反向代理。进入cd /etc/nginx，一.nginx 在线安装。
CentOS安装nginx，部署vue项目
让梦想疯狂
06-17 1867
/usr/local/nginx/sbin/nginx 1、安装nginx依赖包 yum install gcc-c++ -y yum install pcre pcre-devel -y yum install zlib zlib-devel -y yum install openssl openssl-devel -y 2、下载安装包和解压 # 安装之前，最好检查一下是否已经安装有nginx find -name nginx # 如果系统已经安装了nginx，那么就先卸载 yum remo.
若依（一）：在CentOS中从零部署若依项目（ruoyi-vue、前后端分离）过程记录，该博客里需要用到的工具
最新发布
06-12
若依（一）：在CentOS中从零部署若依项目（ruoyi-vue、前后端分离）过程记录，该博客里需要用到的工具。 若依（一）：在CentOS中从零部署若依项目（ruoyi-vue、前后端分离）过程记录，该博客里需要用到的工具 若依...
Linux部署.docx
09-15
利用vol.vue架构发布在Linux上面需要注意的事项和过程
Vue.js项目部署到服务器的详细步骤
12-12
　最近做完了一个项目，Vue.js 2.0 + vuex + axios，还是有点大的。想着做了这么久，放服务器给朋友们体验一下，帮忙找找BUG，于是就有了研究服务器这一篇文章了。 准备工作 服务器 既然是部署到服务器，肯定是需要...
centos部署vue项目
weixin_33860553的博客
08-19 1676
参考链接nodejs服务器部署教程二，把vue项目部署到线上 打包 #在本地使用以下命令，打包 npm run build #打包之后本地会出现dist文件夹。将dist文件夹以及package.json 文件上传到centos服务器上，此处随便什么位置，新建个文件夹就能放。 启动项目 新建一个app.js文件，文件内容如下 //定义目录 const ...
Linux下Vue开发环境搭建一篇全搞定
热门推荐
FormulaRoom的博客
06-29 4万+
本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程，包括vue的安装，webstorm 安装配置，devtools的安装。注：使用的linux的系统版本为Ubuntu16.04（64位） 1.安装nodejs 从nodejs官网(http://nodejs.cn/download/)下载安装包解压到相应的文件夹 tar -xvf node-v8.1.2-linux-x64.tar.xz
vue项目部署到centos7.6服务器（使用nginx）
weixin_42138029的博客
03-09 1720
一、vue前端代码准备工作： 1、目录结构 2、在 npm run build 之前 将/src/config/index.js文件中的assetsPublicPath: '/', 改为assetsPublicPath: './',否则当打开页面时会出现空白页的情况。 3、若项目使用的elementUI，编译后可能会出现elementUI自带icon变为小方框情况，解决办法：修改...
vue项目上线部署到CentOS7阿里云服务器
楚楚梦厦的博客
12-18 1460
Vue项目线上部署 CentOS7服务器 阿里云 express代理
vue+node+mysql搭建个人博客系统并部署到阿里云Centos7系统
罗小辉的专栏
03-30 3266
前言 一般写博文，都是将参考文章写在最后面，我放在最前面，是因为我真的是第一次用vue.js，主要参考了https://github.com/chaohangz/vueBlog ，这篇博客我没将源码给出来，想要看源码并运行源码的，直接下载上面人家github的。我部署在阿里云的博客，想看效果的请点击这里。相较于他的博客，我主要做了以下一些优化： 1. 将mongodb替换成了mysql(这个也...
Nginx发布Vue项目【 CentOs7，build打包】
小道仙的后宫
11-15 1658
1、所有文章优先发表在个人博客，后续如果有修改的话，可能忘记更新到CSDN了，给你带来不便，抱歉。 2、个人博客本篇文章地址 ：https://www.xdx97.com/article?bamId=651064809940320256 在 linux的nginx上发布vue。 需要两步操作 1、在linux安装 nginx https://blog.csdn.net/T...
尝鲜——Centos8下载(非官方)
带翅膀的猫的博客
09-24 9057
Centos8非官方下载，尝鲜链接：http://mirror.marwan.ma/centos/8.0.1905/isos/x86_64/ *学不动啦~~~~*
安装vue-cli提示npm未定义不是内部命令
猿学
01-17 2481
安装vue-cli提示npm未定义不是内部命令 原因1.node.js未安装（window cmd中输入命令node -v 或npm -v按回车没有反应时多为node.js未安装） 2.node.js的安装目录未添加到电脑的环境变量中 解决1：node.js安装 1.1点击如下链接下载安装包https://nodejs.org/en/，选择一个版本下一步下一步的安装即可 解决2：添加...
linux 傻瓜式部署vue+springboot
11-09
在部署Vue+Spring Boot应用到Linux虚拟机上时，首先需要确保系统是CentOS7，并且安装了必要的基础软件，例如wget，因为这些工具通常用于下载安装包。在本例中，还需要安装MySQL、Redis、JDK和Nginx。 部署MySQL...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值