当前位置: 首页 > Web前端 > vue.js

使用Nginx部署VUE项目(Centos服务器)

时间:2023-03-31 15:06:52 vue.js

NginxNginx(enginex)是一个高性能的HTTP和反向代理web服务器,也提供IMAP/POP3/SMTP服务。Nginx由IgorSysoyev开发,用于俄罗斯访问量第二大的Rambler.ru站点(俄语:Рамблер)。第一个公共版本0.1.0于2004年10月4日发布。它在类BSD许可下发布其源代码,并以其稳定性、丰富的功能集、简单的配置文件和低系统资源消耗而著称。2011年6月1日,nginx1.0.4发布。Nginx是一个轻量级的web服务器/反向代理服务器和电子邮件(IMAP/POP3)代理服务器,在类BSD协议下发布。它的特点是内存少,并发性强。事实上,nginx的并发性优于其他同类型的web服务器。中国大陆使用nginx网站的用户有:百度、京东、新浪、网易、腾讯、淘宝等,如何将vue项目部署到nginx上?首先我使用阿里云服务器Centos系统先安装nginx。之前写过centos安装nginx。可以查看https://segmentfault.com/a/11...查看是否安装了nginx命令nginx-vdeploymentvue项目必须有域名和域名ssl证书(这样可以直接使用访问vue项目的域名和https)。在部署vue项目之前,必须先创建一个文件夹来存放vue项目,方便管理。可以像这样我们的vue项目会存放在adminvue文件夹中,方便管理和查找。接下来就是打包vue项目,npmrunbuild。vue项目目录下会有一个dist文件夹。接下来,我们可以将dist中的所有内容放入我们刚刚创建的adminvue文件夹中。中,可以直接用Xftp复制进去。接下来就是配置nginx来访问我们的vue项目server{server_name域名;重写^(.*)$https://${server_name}$1permanent;}server{listen443ssl;server_name域名;ssl_certificate/etc/nginx/conf.d/域名ssl证书pem文件;ssl_certificate_key/etc/nginx/conf.d/域名ssl证书密钥文件;add_header访问控制允许来源*;add_headerAccess-Control-Allow-HeadersX-Requested-With;add_headerAccess-Control-Allow-MethodsGET、POST、OPTIONS;location/{根vue项目路径;indexindex.htmlindex.htm;}}然后使用命令启动nginx一般默认路径/usr/local/nginx/sbin查看版本./nginx-Vclosenginx./nginx-sstopopennginx./nginxreloadnginx./nginx-sreloadnginx配置文件/usr/local/nginx/conf/nginx.conf可以直接访问我们的域名vue项目来了!!!