将Vue通过nginx部署到阿里云服务器上
Vue、前端部署
·
一、打包Vue项目
在终端输入npm run build,打包完成就会出现一个dist文件夹
二、Nginx的配置安装
1.下载安装包
选择一个目录,cd /usr/local 输入wget http://nginx.org/download/nginx-1.6.2.tar.gz 下载安装包。
2.解压安装
tar -zxvf nginx-1.62.tar -C /usr/local
3.下载依赖的库文件
①yum install pcre
②yum install pcre-devel
③yum install zlib
④yum install zlib-devel
4.进行configure配置
cd /usr/local/nginx-1.6.2 && ./configure --prefix=/usr/local/nginx
5.编译安装(到解压好的目录下)
make && make install
6.启动Nginx
cd到/usr/local/nginx目录下。执行ls,可以看到四个目录conf、html、logs、sbin
启动命令 ./sbin/nginx
7.查看
查看是否成功ps -ef | grep nginx,如果成功,http://服务器ip:80,浏览器能看到欢迎界面
四、Nginx配置
把conf/nginx.conf这个文件配置一下就好了
五、部署成功
访问你的ip加端口号就能看见你部署的前端项目了。
更多推荐
所有评论(0)