美文网首页
vite+vue3 项目打包部署

vite+vue3 项目打包部署

作者: MYSUNFLOWER | 来源:发表于2022-05-23 15:55 被阅读0次

    前提:前后置在同一域名下,只是项目名不同,
    比如前置是:www.aa.com/frontend,后置是www.aa..com/background
    实现方式:做IP代理。

    前提条件下,则项目启动需要带上项目名frontend,
    那么配置文件如下:
    vite.config.js(不加base,build后,html引入的js会报404)


    b4e8c407d11f42d3c35ccd7e21de601.png

    router配置如下:


    059e9fbe0fa8aec86b21be002e1649e.png

    使用了history模式的路由,则在nginx.conf(/usr/local/nginx/conf/)里需要加特殊配置
    如下:


    ede94d8d23e5542cd0b2f83fe0a05ea.png

    启动nginx即可!!!

    相关文章

      网友评论

          本文标题:vite+vue3 项目打包部署

          本文链接:https://www.haomeiwen.com/subject/vtdzyrtx.html