Openresty 中部署Vue项目

不同于原生nginx部署和宝塔面板中的nginx方式部署vue项目，在openresty中直接代理vue项目会出现点击不同的菜单（url）返回404的问题，这是因为你的openresty还没有配置好。

  1. 新增网站，选择静态网站
    1.webp

  2. 在网站目录中直接切换打开网站所在文件夹
    2.webp

  3. 在 ～/index 文件夹下上传你build好的vue文件夹并解压缩
    3.webp

  4. 切换回网站设置，在网站目录中选择 /dist （即你刚才上传并解压缩的vue项目文件夹）
    4.webp

  5. 选择配置文件，在里面写天如下内容（重点！这个配置是vue路由正确的关键）
    5.webp

    location / {
     try_files $uri $uri/ @router; 
     index index.html; 
 }
 location @router {
     rewrite ^.*$ /index.html last; 
 }