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; 
    }

声明:本文来自作者Carol投稿授权发布

温馨提示: 本文最后更新于2024-05-20 10:02:30,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 张安心资源网
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容