Ant Design Pro项目部署到Linux

部署Ant Design Pro项目到Linux

Linux安装的Ubuntu，Ant Design Pro版本V5

安装nginx

1.命令行安装nginx

	sudo apt-get install nginx

2.若安装时出现

	E: 无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 57464（unattended-upgr）持有
	N: 请注意，直接移除锁文件不一定是合适的解决方案，且可能损坏您的系统。
	E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-frontend)，是否有其他进程正占用它？

解决办法

	sudo rm /var/lib/dpkg/lock-frontend
	sudo rm /var/lib/dpkg/lock

安装完成之后，浏览器输入地址，出现如下页面也表示安装成功

项目打包

ant design pro打包直接npm run build.
因为采用了umi，umi build也可。
打包成功之后，将dist文件夹内容上传到/usr/share/nginx/html目录，此处我新建了一个目录Demo

配置conf文件

/etc/nginx/nginx.conf中有2行

	include /etc/nginx/conf.d/*.conf;
	include /etc/nginx/sites-enabled/*;

加载了conf.d文件夹下所有.conf文件和sites-enabled文件夹下所有文件。可在该目录下新建conf文件。
进入/etc/nginx/conf.d目录，新建一个.conf文件(名字自己定义)。
内容配置

server {
		listen 端口号;
		server_name  _;

		location / {
			root   /usr/share/nginx/html/Demo;
			index  index.html;
			try_files $uri $uri/ /agent.html =404;
		}

		error_page   500 502 503 504  /50x.html;
		location = /50x.html {
			root   html;
		}
	}

重新加载配置文件

cd到usr/sbin

	./nginx -t //检查配置文件是否正确
	./nginx -s reload //重新加载配置文件