前端+node.js(vue+express)部署到阿里云

mtunique 發布于2019-08-23 18:26 / 2767人閱讀

摘要：部署到阿里云使用的阿里云服務器一，登錄對應的服務器二，在服務器進行對應的初始化初始化數據庫直接執行初始化命令，會彈出交互配置信息初次進入密碼為空，直接回車輸入要為用戶設置的數據庫密碼。

vue+express部署到阿里云 使用的阿里云服務器CentOS 7.3 一，登錄對應的服務器

二，在服務器進行對應的初始化

yum install -y nginx
yum install -y nodejs
yum install -y mariadb
npm install pm2 -g
npm install express -g

1.初始化數據庫

mysql_secure_installation         #直接執行初始化命令，會彈出交互配置信息
Enter current password for root (enter for none):#初次進入密碼為空，直接回車
New password:                #輸入要為root用戶設置的數據庫密碼。
Re-enter new password:            #重復再輸入一次密碼。
Remove anonymous users? [Y/n] y      #刪除匿名帳號
Disallow root login remotely? [Y/n] n     #是否禁止root用戶從遠程登錄
Remove test database and access to it? [Y/n] y  #是否刪除test數據庫，想留著也隨意
Reload privilege tables now? [Y/n] y        #刷新授權表，讓初始化后的設定立即生效

2.登錄數據庫
mysql -u root -p

創建對應的數據庫，執行對應的sql文件

navicat連接阿里云數據庫

阿里云開放mysql的3306端口

1.登入mysql
2.GRANT ALL PRIVILEGES ON . TO "root"@"%" IDENTIFIED BY "您的數據庫密碼" WITH GRANT OPTION;
3.flush privileges;

navicat配置如下

三，將前端項目進行打包

npm run bulid

打包完成后將對應的dist文件上傳到服務器

將服務端上傳

四，配置nginx

使用find命令查找對應的nginx目錄

find / -name nginx
cd /etc/nginx
vim nginx.conf

進入nginx的配置文件，配置server。

server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  47.102.100.226;   #有域名的話替換成域名
        root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
         root /usr/code/dist/;   #你的打包項目上傳的目錄
         index index.html;
        }
        location /api/{
         proxy_pass http://127.0.0.1:3000;  #配置的路徑代理
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

保存對應的文件，重讀nginx配置

nginx -s reload

如果失敗，嘗試以下

nginx -c /etc/nginx/nginx.conf

然后再次重啟

還是不行的話

service nginx stop
service nginx start

五，阿里云開放對應的端口

這里需要開放mysql 的3306端口 //外網navicat連接數據庫
需要開放http的80端口
需要開放express默認的3000端口

六，進入服務器的目錄

執行

npm install
npm start

可以進入網頁進行測試，如果配置正常，即可正常訪問網頁，

如果請求發生404，在服務器項目中的路由進行如下配置

修改路由，即在app.js，增加一個api

七，服務器永久運行

pm2 start bin/www

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105216.html

vue+express+mysql項目總結（node項目部署阿里云通用）

摘要：原文發布于我的個人博客上原文點這里前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。我的遠程連接工具是用的是，文件上傳用的是。原文發布于我的個人博客上：原文點這里 ??前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。下面我介紹下我的部署過程：一、購買服務器和域名 ??如果需要域名（不用域名通過ip也可以訪問，雖然不方便，但可以節約一年幾十塊錢的...

charles_paul 2019-08-01 18:30 評論0 收藏0
vue+express+mysql項目總結（node項目部署阿里云通用）

摘要：原文發布于我的個人博客上原文點這里前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。我的遠程連接工具是用的是，文件上傳用的是。原文發布于我的個人博客上：原文點這里 ??前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。下面我介紹下我的部署過程：一、購買服務器和域名 ??如果需要域名（不用域名通過ip也可以訪問，雖然不方便，但可以節約一年幾十塊錢的...

dreamGong 2019-08-30 13:53 評論0 收藏0
vue+express+mysql項目總結（node項目部署阿里云通用）

摘要：原文發布于我的個人博客上原文點這里前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。我的遠程連接工具是用的是，文件上傳用的是。原文發布于我的個人博客上：原文點這里 ??前面經歷千辛萬苦，終于把博客的所有東西都準備好了，現在就只等部署了。下面我介紹下我的部署過程：一、購買服務器和域名 ??如果需要域名（不用域名通過ip也可以訪問，雖然不方便，但可以節約一年幾十塊錢的...

newtrek 2019-08-26 11:34 評論0 收藏0
服務器小白的我,是如何成功將 node+mongodb 項目部署在服務器上并進行性能優化的

摘要：前言本文講解的是做為前端開發人員，對服務器的了解還是小白的我，是如何一步步將項目部署在阿里云的服務器上，并進行性能優化，達到頁面秒內看到，秒內看到首屏內容的。搭建的項目是采用了主流的前后端分離思想的，這里只講服務器環境搭建與性能優化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言本文講解的是：做為前...

zsy888 2019-06-26 17:54 評論0 收藏0
vue+node項目部署上線

摘要：在線地址現在新用戶購買阿里云服務器年只要啦。。開放端口登陸阿里云，進入控制管理臺云服務器安全組配置規則快速創建規則啟動服務瀏覽器打開服務器如，如無意外，即正常運行訪問啦。在線地址: cl8023.com github 現在新用戶購買阿里云服務器 3年只要398啦。。https://m.aliyun.com/act/team... 云服務器阿里云 or 騰訊云阿里云服務器品牌：...

Alliot 2019-08-21 17:48 評論0 收藏0