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

mtunique 发布于2019-08-23 18:26 / 2766人阅读

摘要：部署到阿里云使用的阿里云服务器一，登录对应的服务器二，在服务器进行对应的初始化初始化数据库直接执行初始化命令，会弹出交互配置信息初次进入密码为空，直接回车输入要为用户设置的数据库密码。

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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