linux 环境配置

sudo chmod 777 /opt
文件夹权限

vue 部署 nginx 报错 403 forbidden

vue打包后的dist 放在 /usr/local目录下访问没有问题
dist 放在 /root目录下访问就会报错403
就是这样，直接把dist放在/usr/local下 ，不要放在/root下

安装nginx

systemctl restart nginx

systemctl stop nginx

命令

vi /etc/nginx/nginx.conf

# 修改如下
# 新建一个服务
server {
  # 声明监听的端口
  listen 80;
  # 如有多域名映射到同一端口的，可以用server_name 区分，默认localhost
  server_name localhost;

  # 匹配'/'开头的路径 注意设定 root路径是有dist的
  location / {
    # 指定文件的根目录，主要结尾不要带/
    root /usr/local/webapp/dist;
    # 指定默认跳转页面尾 /index.html
    index /index.html;
  }

  # 匹配'/adminApi'开头的路径进行跨域 ip和port自行替换
  # adminApi 是vue.config.js中的proxy声明的
  location /adminApi {
    proxy_pass http://ip:port;
  }

}