【Vue】如何使用 Nginx 部署 Vue 项目_前端代码更新用重启nginx吗-程序员宅基地

技术标签: Nginx  CentOS 7  部署&服务器  Vue  部署  

如何在 CentOS 7 服务器上使用 Nginx 部署 Vue 项目

最近练手做了一个关于沙雕少女的 Vue 项目,正好之前参加 Hackathon 租了一年的服务器,于是想着不如把它部署上去给小伙伴们看看~So 哈啤!

结果一部署就是一个多小时,其中大多数时间都是花在了寻找、筛选和尝试不同的教程上,最后真正部署的时间其实还不到十分钟。

或许也不能说网上的大多数教程都已经过时了,可能是我本身服务器的配置和操作存在瑕疵,但是这里还是想给大家一些借鉴和参考,希望能让大家少走几步弯路。

前置条件:一台功能完好的 Linux 服务器(CentOS 7系统,其他 Linux 系统可类比);一个可以正常运行的 Vue 项目;FileZilla 软件(通过 FTP 协议在服务器与本机间传输文件,强烈推荐大家使用!)

补充说明:由于对 Vue 的了解还不深入,在这里声明一下,我的 Vue 项目是使用 vue-cli 自动配置好的,可以通过 npm run build 自动构建

正常流程

1. 执行 npm run build 构建项目

在 Vue 项目的主目录下调出命令行( Windows 用户可以在文件夹中按住 shift 点击右键,选择【在这里打开命令行 / PowerShell】),执行 npm(或 cnpm) run build;命令执行完毕后你将会看到项目主目录下出现了一个名为 dist 的目录,打开其中的 index.html 即可实现对 V

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hxw3274743/article/details/96168341

智能推荐

中望cad自定义快捷键命令_很多CAD大神都善用专属快捷键,掌握AutoCAD自定义快捷键受益匪浅...-程序员宅基地

文章浏览阅读1.2k次。阅读完,如果觉得有用,那么点击"关注"和点赞是对作者的一种尊重和鼓励。版权所有,抄袭必究。作者的新书《AutoCAD 2020中文版入门-进阶-精通(第6版)》已经正式出版,敬请关注,谢谢。内容提要:在实际工作中,掌握了AutoCAD快捷键可以提高绘图效率。那么有没有想过除了AutoCAD系统自身的默认快捷键之外,还可以为自己常用的工具命令设置专属个人的快捷键呢?本文专门介绍AutoCAD自定义快..._中望cad2021机械版快捷键

kohana简介-程序员宅基地

文章浏览阅读108次。2019独角兽企业重金招聘Python工程师标准>>> ..._kohana是什么洗发水

QT中UDPSocket丢包问题_qt udp 丢包考核-程序员宅基地

文章浏览阅读8.9k次,点赞4次,收藏43次。Qt中的QUdpSocket发生严重丢包现象,在Linux下使用while死循环接收来解决,但存在CPU占用率太高的问题。_qt udp 丢包考核

Python中出现UnboundLocalError: local variable ‘xxx‘ referenced before assignment情况的解决方法_unboundlocalerror: local variable 'sentencepiece_m-程序员宅基地

文章浏览阅读2w次,点赞14次,收藏11次。UnboundLocalError: local variable 'xxx' referenced before assignment在函数外部已经定义了变量n,在函数内部对该变量进行运算,运行时会遇到了这样的错误:主要是因为没有让解释器清楚变量是全局变量还是局部变量。有时候在其他模块声明该变量,在本模块使用时也会出现。那么问题就来了,出现这个问题我们就要考虑程序是按照全局变量,就是经过函数运算到函数外面还生效,还是按照局部变量在函数外生效。第一种,当全局变量来看,就是使用global..._unboundlocalerror: local variable 'sentencepiece_model_pb2' referenced befor

chatgpt VS 文心一言使用对比实测_chatgpt和文心一言-程序员宅基地

文章浏览阅读5.4k次。chatgpt VS 文心一言使用对比实测_chatgpt和文心一言

thermal的gov_bang_bang governer_thermal bangbang-程序员宅基地

文章浏览阅读838次。thermal gover 有五种,我们这里以gov_bang_bang.c 为例gov_bang_bang是控制风扇的。之后两种状态,即风扇开和关,并没有提供调整风扇转速的方法.static struct thermal_governor thermal_gov_bang_bang = { .name = "bang_bang", .throttle = bang_bang_contr_thermal bangbang

随便推点

CAM论文翻译_zhou等人[59]在最终输出层(在分类的情况下为softmax函数)之前,对最后一层卷积里的-程序员宅基地

文章浏览阅读187次。在这项工作中,我们重新审视了文献[13]中提出的全局平均池化层,并阐明了它如何明确地使卷积神经网络具有出色的定位能力,尽管该网络是在图像级标签上进行训练的。虽然此技术先前被提出作为一种规范化训练的手段,但我们发现它实际上构建了一种通用的可定位深层表示,可应用于各种任务。尽管全局平均池化看似简单,我们在ILSVRC 2014的对象定位任务上实现了37.1%的前5错误率,这与完全监督的CNN方法所达到的34.2%的前5错误率非常接近。_zhou等人[59]在最终输出层(在分类的情况下为softmax函数)之前,对最后一层卷积里的

Java面试的问题_java中的两个重载函数,如果只有几行代码不同,改如何设计-程序员宅基地

文章浏览阅读467次。1、一个".java"源文件中是否可以包括多个类(不是内部类)?有什么限制?可以有多个类,但只能有一个public的类,并且public的类名必须与文件名相一致。2、Java有没有goto?java中的保留字,现在没有在java中使用。 3、说说&和&&的区别。&和&&都可以用作逻辑与的运算符,表示逻辑与(and),当运算符两边的表达式的结果都为true时,整个运算结果才为true,否则,只要有一方为false,则结果为fa_java中的两个重载函数,如果只有几行代码不同,改如何设计

JavaScript之javascript概述_简述什么是javascript以及javascript的作用-程序员宅基地

文章浏览阅读1.9k次。一、初识JavaScript1、JavaScript是什么javascript是一种运行在客户端的脚本语言(Script是脚本的意思)。脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行。现在也可以基于Node.js技术进行服务器端编程。2、JavaScript的作用表单动态校验(密码强度检测)(JS产生最初的目的)网页特效服务器端开发(Node.js)桌面程序(Electron)App(Cordova)控制硬件-物联网(Ruff)游戏开发(cocos2d-_简述什么是javascript以及javascript的作用

js dom node.children与node.childNodes区别_node.children和node.childnodes的区别-程序员宅基地

文章浏览阅读1k次。不同点:node.children不会取到节点下面的TextNode但是node.childNodes会取到 共同点:两者都是集合类数组,可以通过索引的方式取到值也可以用for循环遍历..._node.children和node.childnodes的区别

HTML、CSS知识点总结,浅显易懂。_sm学习 html-程序员宅基地

文章浏览阅读7.2k次,点赞25次,收藏116次。一,html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边_sm学习 html

vue中$bus的用法及$emit、$on、$off的使用_this.$bus.$on-程序员宅基地

文章浏览阅读9.5k次,点赞7次,收藏32次。vue中 $bus 一般与 $emit、 $on、 $off 连用,一般用在任意组件间的通信,即 $bus 用来传递非父子关系的数据。如两个组件之间传递数据:子组件1子组件21、$emit2、$on注意:$emit 和 $on 的事件必须在一个公共的实例上,才能够触发。3、实例事件实例事件就是在构造器外部调用构造器内部的数据。4、实例在Student组件中提供数据给另一个School组件在School组件中使用事件总线,接收数据。School组件想接收数据,则在School组件中给 $bus绑_this.$bus.$on

推荐文章

热门文章

相关标签