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

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