nginx配置spa(单页面应用)

安装nginx

我这里使用的ubuntu的系统，使用以下命令安装nginx
apt install nginx -y

上传

把我们的单页面应用上传到我们的服务器，比如我的单页面应用的文件结构为

把这些放置到sweeper-js的文件夹里面
上传到服务器用户的文件夹中，我的目录为/ubuntu/sweeper-js

配置nginx服务

在/etc/nginx/conf.d/中，新建一个sweeper.conf的文件，里面的内容为

server{
  listen 3020;  //监听的端口号
  server_name xxx.xxx.xx.xx;   //ip地址或者域名
  root /home/ubuntu/sweeper-js;   //单目录文件的路径

  index index.html;    //首页
  location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|pdf|txt){
    root /home/ubuntu/sweeper-js;  //同上
  }
}

使用nginx -s reload重启我们的服务器，根据设置的ip/域名+端口号即可进行访问我们的页面

可能出现permision deny的问题
这时，可以先把配置文件放到/home目录的用户文件夹下，再使用
mv [目录下的文件] /etc/nginx/conf.d/xxx.conf把配置文件移动到nginx的配置文件下

注意：
如果进行访问时出现403的错误，这是因为权限不够
使用命令 vim /etc/nginx/nginx.conf
将第一行的user www-data改为user root www-data, 即可