Ubuntu 16.04 64位 Linux 部署vue Nginx

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

1、对vue项目进行打包

npm run build

打完包出现一个dist文件夹，这个文件夹很重要。

将dist文件上传至服务器

二、在服务器上安装Nginx

1、下载Nginx安装包

	wget http://nginx.org/download/nginx-1.23.3.tar.gz

可以自己选择特定Nginx版本 nginx.org

2、解压Nginx压缩包

	tar -zvxf nginx-1.20.2.tar.gz

3、安装插件

	sudo apt-get install libpcre3 libpcre3-de

	sudo apt-get install OpenSSL

	sudo apt-get install openssl openssl-devel

	sudo apt-get install openssl libssl-dev

4、进入解压之后的Nginx包。安装

./configure --with-http_ssl_module --with-http_gzip_static_module

	make

	make install

5、进入 Nginx安装下的sbin目录

注意：所有 ./nginx命令都需要到sbin目录下运行

	cd /usr/local/nginx/sbin/

启动代码

	./nginx

查看运行状态

	ps aux | grep nginx

停止运行

	
	停止运行
	./nginx -s stop
	查看版本
	./nginx -v
	查看配置文件
	./nginx -t
	

6、配置Nginx

进入/usr/local/nginx/conf/nginx.conf文件，修改nginx.conf文件

	vi /usr/local/nginx/conf/nginx.conf

修改端口号

	server {
	    listen       8081;
	    server_name  localhost;

修改nginx配置地址（就是dist所存放的地址）

location / {
    root   /root/Xm/dist;
    index  index.html index.htm;
    try_files $uri $uri/ @router;
}

配置成功

7、重启nginx

	重启nginx命令
	./nginx -s reload

8、阿里云服务器安全组设置

如果不设置安全组将无法进行访问

9、测试

用get请求进行测试就行

curl http://121.41.76.53：8089/

总结

如果项目还是无法启动，可以把错误或意见发表在评论区。