Openresty 中部署Vue项目

Openresty 中部署Vue项目

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

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

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

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

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

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

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