侧边栏壁纸
博主头像
新都在 博主等级

行动起来,活在当下

  • 累计撰写 173 篇文章
  • 累计创建 35 个标签
  • 累计收到 83 条评论

目 录CONTENT

文章目录

Openresty部署Vue项目

Carol
2024-02-23 / 0 评论 / 0 点赞 / 223 阅读 / 0 字 / 正在检测是否收录...

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

0
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区