Vue項目打包上線

Nginx 是一個高性能的開源HTTP和反向代理服務器,也是一個IMAP/POP3/SMTP代理服務器。它在設計上旨在處理高并發的請求,是一個輕量級、高效能的Web服務器和反向代理服務器,廣泛用于提供靜態資源、負載均衡、反向代理等功能。

1、下載nginx

?2、將壓縮包上傳至服務器

3、Nginx的安裝需要Linux安裝相關的幾個庫,否則配置和編譯會出現錯誤。執行如下命令

yum install gcc openssl openssl-devel pcre pcre-devel zlib zlib-devel -y

4、正式安裝

4.1?解壓下載下來的nginx文件,執行命令:?

tar -zxvf nginx-1.26.1.tar.gz

4.2?切換至解壓后的nginx主目錄,執行命令:

cd nginx-1.26.1

4.3?在nginx主目錄nginx-1.26.1下執行命令:

./configure --prefix=/home/azy/nginx
(其中--prefix是指定nginx安裝路徑)

4.4?執行命令進行編譯:

make

4.5?執行命令進行安裝:

make install

5、Nginx操作

5.1 啟動Nginx執行命令:

/home/azy/nginx/sbin/nginx -c/home/azy/nginx/conf/nginx.conf
(其中-c是指定配置文件)

5.2 檢查Nginx是否啟動:通過查看進程:

ps -ef | grep nginx

5.3 Nginx重啟:

/home/azy/nginx/sbin/nginx -s reload

5.4 關閉Nginx:

kill -QUIT 主pid
或者
kill -TERM 主pid

?6、Nginx配置檢查(檢查Nginx配置文件是否正確):

/home/azy/nginx/sbin/nginx -c /home/azy/nginx/conf/nginx.conf -t

7、Nginx部署Vue項目

7.1 項目打包:

7.2 將打包完成的dist文件夾上傳到服務器nginx安裝后的html文件夾中:

7.3 配置conf/nginx.conf文件,并重啟nginx服務:

7.4 使用瀏覽器訪問服務器的ip即可。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/39508.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/39508.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/39508.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

k8s學習--k8s群集ELK日志收集部署最詳細的過程與應用(收集k8s群集日志)(圖形化界面手把手教學)

文章目錄 FilebeatFilebeat主要特點Filebeat使用場景 ELK簡介Elasticsearch簡介Elasticsearch主要特點Elasticsearch使用場景 Logstash簡介Logstash主要特點Logstash使用場景 Kibana簡介Kibana主要特點Kibana使用場景 簡單理解 環境一、ELK集群部署1.軟件安裝2.軟件配置及啟動(…

Webpack: Loader開發 (2)

概述 在上一篇文章中,我們已經詳細了解了開發 Webpack Loader 需要用到的基本技能,包括:Loader 基本形態、如何構建測試環境、如何使用 Loader Context 接口等。接下來我們繼續拓展學習一些 Loader 輔助工具,包括: 了…

telegram支付

今天開始接入telegram支付,參考教程這個是telegram的官方說明,詳細介紹了機器人支付API。 文章公開地址 新建機器人 因為支付是一個單獨的系統,所以在做支付的時候單獨創建了一個bot,沒有用之前的bot了,特意這樣將其分開。創建bot的方法和之前不變,這里不過多介紹。 獲…

Linux文件數據寫入

結構體 fd fd也就是文件描述符,用于標識已經打開的文件、管道、socket等。是進程和內核的橋梁,允許進程執行各種文件操作 struct fd {struct file *file;unsigned int flags; };file Linux內核中表示打開文件的結構體,包含了文件操作所需…

什么是自然語言處理(NLP)?詳細解讀文本分類、情感分析和機器翻譯的核心技術

什么是自然語言處理? 自然語言處理(Natural Language Processing,簡稱NLP)是人工智能的一個重要分支,旨在讓計算機理解、解釋和生成人類的自然語言。打個比方,你和Siri對話,或使用谷歌翻譯翻譯一…

2024廣州國際米粉產業展覽會暨米粉節

2024廣州國際米粉產業展覽會 時間:2024年11月16-18日 地點:廣州中國進出口商品交易會展館 主辦單位:企陽國際會展集團 【展會簡介】 米粉作為一種歷史悠久,人們日常食用的食物,其市場需求穩定,且隨著人…

學習.NET 8 MiniApis入門

介紹篇 什么是MiniApis? MiniApis的特點和優勢 MiniApis的應用場景 環境搭建 系統要求 安裝MiniApis 配置開發環境 基礎概念 MiniApis架構概述 關鍵術語解釋(如Endpoint、Handler等) MiniApis與其他API框架的對比 第一個MiniApis…

WSL2安裝ContOS7并更新gcc

目錄 WSL2安裝CentOS7下載安裝包安裝啟動CentOS7 CentOS7更換國內源gcc從源碼安裝gcc卸載gcc CMake中使用gcc關于linux配置文件參考 WSL2安裝CentOS7 Windows11官方WSL2已經支持Ubuntu、Open SUSE、Debian。但是沒有centos,所以centos的安裝方式略有不同。 下載安…

【面試題】網絡IP協議(第六篇)

1.簡述IP協議的作用。 IP協議(Internet Protocol)是TCP/IP協議族中的核心協議之一,主要用于在互聯網上進行數據傳輸。它的主要作用包括: 尋址:IP協議通過IP地址來唯一標識網絡中的每一臺設備,確保數據包能…

家政小程序的開發:打造現代式便捷家庭服務

隨著現代生活節奏的加快,人們越來越注重生活品質與便利性。在這樣的背景下,家政服務市場迅速崛起,成為許多家庭日常生活中不可或缺的一部分。然而,傳統的家政服務往往存在信息不對稱、服務效率低下等問題。為了解決這些問題&#…

mindspore打卡之量子測量

mindspore打卡之量子測量 我們可以看到,采樣1000中,00’出現了503次,11’出現了497次(由于測量具有隨機性,每次運行結果會略有不同),采樣結果符合概率分布,細微的誤差是由模擬器噪聲…

【D3.js in Action 3 精譯】1.2.2 可縮放矢量圖形(三)

當前內容所在位置 第一部分 D3.js 基礎知識 第一章 D3.js 簡介 1.1 何為 D3.js?1.2 D3 生態系統——入門須知 1.2.1 HTML 與 DOM1.2.2 SVG - 可縮放矢量圖形 ?? 第一部分第二部分【第三部分】?? 1.2.3 Canvas 與 WebGL(精譯中 ?)1.2.4 C…

gameui C++的代碼

gameui C的代碼 #include <graphics.h> #include "gameboard.h" const int WIDTH 560; const int HEIGHT 780; const int GRID_SIZE 120; class GameUi { private: public:GameUi(GameBoard& gb) {// 初始化圖形窗口initgraph(WIDTH, HEIGHT);// 設置…

小米內推官

小米硬件提前批開始啦&#xff01;&#xff01;&#xff01;&#xff01; 請使用小米公司內推碼: Q9BN21S 招聘對象&#xff1a;25屆秋招 中國內地:畢業時間2025.01-2025.12 中國港澳臺及海外:畢業時間2025.07-2025.12 工作地點&#xff1a;北京、南京、武漢、深圳、上海等…

C++中Ranges庫的基本用法,如何簡化和增強對集合的操作。

Ranges庫的基本用法 什么是Ranges庫&#xff1f; C20引入的Ranges庫&#xff08;<ranges>&#xff09;是一個強大的工具集&#xff0c;旨在簡化和增強對集合&#xff08;如數組、向量等序列容器&#xff09;的操作。它提供了一套用于操作序列的功能性接口&#xff0c;使…

獨立站新風口:TikTok達人帶貨背后的雙贏合作之道

TikTok以其龐大的用戶基礎、高度互動性和創新的內容形式&#xff0c;為獨立站帶來了前所未有的發展機遇。獨立站與TikTok達人的合作&#xff0c;不僅能夠幫助獨立站快速提升品牌知名度和銷售額&#xff0c;還能為TikTok達人帶來更多商業機會和影響力。本文Nox聚星將和大家探討獨…

Android sdk 安裝已經環境配置

&#x1f34e;個人博客&#xff1a;個人主頁 &#x1f3c6;個人專欄&#xff1a;Android ?? 功不唐捐&#xff0c;玉汝于成 目錄 正文 一、下載 二、安裝 三、環境配置 我的其他博客 正文 一、下載 1、大家可去官網下載 因為需要魔法 所以就不展示了 2、去下面這…

經典shell運維實用腳本~

以下腳本可謂日常工作常用到的經典腳本案例。希望可以幫助大家提升提升自動化能力&#xff01; 1、監控100臺服務器磁盤利用率腳本 #!/bin/bashHOST_INFOhost.infofor IP in $(awk /^[^#]/{print $1} $HOST_INFO); do USER$(awk -v ip$IP ip$1{print $2} $HOST_INFO) P…

【JS】純web端使用ffmpeg實現的視頻編輯器-視頻合并

純前端實現的視頻合并 接上篇ffmpeg文章 【JS】純web端使用ffmpeg實現的視頻編輯器 這次主要添加了一個函數&#xff0c;實現了視頻合并的操作。 static mergeArgs(timelineList) {const cmd []console.log(時間軸數據,timelineList)console.log("文件1",this.readD…

常用目標檢測的格式轉換腳本文件txt,json等

常用目標檢測的格式轉換腳本文件txt,json等 文章目錄 常用目標檢測的格式轉換腳本文件txt,json等前言一、json格式轉yolo的txt格式二、yolov8的關鍵點labelme打的標簽json格式轉可訓練的txt格式三、yolo的目標檢測txt格式轉coco數據集標簽的json格式四、根據yolo的目標檢測訓練…