服务器部署vue的另一种姿势
服务器部署vue的另一种姿势
这次我们讲一下如何使用yarn serve或npm run serve的方法将本地正在运行的项目暴露给外网访问
1.安装nginx
!!!注意!!! 在终端输入命令之前先输入su，切换到root用户，不然很多操作都用不了
2.安装npm和node
2.1.添加NodeSource yum仓库
运行以下curl命令将 NodeSource yum 存储库添加到您的系统
curl -sL https://rpm.nodesource.com/setup_10.x | sudo bash -
2.2. 安装 Node.js 和 npm
sudo yum install nodejs
2.3. 验证 Node.js 和 npm 安装
node -v npm -v
出现版本号则安装成功
2.4配置npm清华镜像
如果不配置的话npm install会很慢
#持久配置 npm config set registry http://npm.tuna.tsinghua.edu.cn/registry #检查配置是否成功 npm config get registry
3.将vue项目传输到服务器
通过filezilla传输或者其他的自行选择 node_modules不要上传，因为服务器和你自己本地的npm环境是不一样的，上传了运行时也会报错，到时候还得老老实实删掉重新npm install.
把项目放在服务器你想放的位置
然后先npm install，再npm run serve
4.配置nginx
上面这样配置的意思是用nginx 80端口服务来代理你的localhost:8080端口服务
这时你可以在服务器上的浏览器访问localhost:80访问你的vue项目了
5.防火墙
！！！但是这样在外网是访问不了的，由于服务器防火墙的问题
5.1.关闭firewalld
。。。
5.2.使用iptables服务
。。。
5.3.重启nginx服务器
。。。
现在你可以在外网输入服务器ip地址访问你的项目了
下一篇：
Linux下如何重置MySQL密码