-
前端的默认首页使用 index.html, 在部署的时候会用到该页面。
-
将打包好的前端页面dist文件夹放在服务器(centos 或 ubuntu) 指定路径 , 如 /home/project/shopping, 项目包含js,css和html等
-
安装nginx
sudo su root
apt-get install nginx
查看nginx是否安装成功:
nginx -v
nginx安装成功后的位置如下:
/usr/sbin/nginx:主程序
/etc/nginx:配置文件所在路径
/usr/share/nginx:静态文件所在路径
/var/log/nginx:日志文件所在路径
- 修改配置,将项目的根目录所在路径作为 location / 的 root 对应的值, index.html页面作为index 的值,如下配置:
#user nobody;
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
#tcp_nopush on;
#gzip on;
server {
listen 8080;
server_name localhost;
location / {
root /home/project/shoping;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
- 修改完毕后,保证配置无误,重新启动nginx , 可用nginx -t 检验nginx配置是否正确 , 配置无误后,使用 nginx -s reload 命令重新加载修改的配置。
nginx -t
nginx -s reload
service nginx restart
启动成功后,访问: http://116.62.146.90:8080/, 此处要修改为自己机器的ip地址。
完结,撒花~