首页 > 其他 > 详细

vue前端部署纪实

时间:2020-06-20 14:32:12      阅读:69      评论:0      收藏:0      [点我收藏+]

测试环境使用的是centos7

1.yum -y install pcre*

2.yum -y install openssl*

3.下载nignx软件 wget http://nginx.org/download/nginx-1.17.9.tar.gz

4.tar zxvf nginx-1.17.9.tar.gz

5.进入到nginx-1.17.9目录,使用./configure命令

6.执行make && make install命令

7.执行完6步命令后,会在/usr/local/目录中安装nginx软件

8.进入/usr/local/nginx/sbin目录,执行./nginx -t命令,提示test is successful字样 ,则安装成功,或者在浏览器上输入http://ip/,显示welcome to nginx,也行

9.修改项目所在目录/config/prod.env.js文件中的BASE_API为web服务所在地址,如 BASE_API:‘"http://192.168.3.201:8001"‘

10.在vscode中右击项目->在终端中打开,执行npm run build命令打包

11.打包后的文件都在项目根目录/dist/中

12.把dist上传到服务器上,如/test/dist/

13.修改nginx.conf文件,如下

location / {

#项目所在目录
root /test/dist/;
index index.html index.htm;
}

14.使用./nginx命令,启动nginx容器

15.访问192.1683.201,如果能正常打开项目,则说明部署成功

 

vue前端部署纪实

原文:https://www.cnblogs.com/bjrun/p/13168330.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!