V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ecloud
V2EX  ›  Vue.js

Vue3+Vite 服务器连接地址打包后配置怎么搞?

  •  
  •   ecloud ·
    yecloud · 133 天前 · 1318 次点击
    这是一个创建于 133 天前的主题,其中的信息可能已经有所发展或是发生改变。

    帮我们组前端问的

    16 条回复    2022-08-16 10:45:31 +08:00
    lizhisty
        1
    lizhisty  
       133 天前
    让他自己问
    f056917
        2
    f056917  
       133 天前
    服务器地址不是放到项目配置里面的吗,根据项目环境打包
    gzlock
        3
    gzlock  
       133 天前
    都是用相对路径的吧
    f056917
        4
    f056917  
       133 天前
    或者打包的时候不要把服务器地址打包进去,后端在服务器上开个 nginx 代理
    ecloud
        5
    ecloud  
    OP
       133 天前
    @lizhisty 他不会翻墙😂
    JimmyB
        7
    JimmyB  
       133 天前
    代码里根据不同的环境变量设置不同的 API BASE URL 。
    和技术栈没关系。
    ecloud
        8
    ecloud  
    OP
       133 天前
    @JimmyB 似乎是有点关系的,以前在 vue2 上的方法现在行不通了
    ecloud
        9
    ecloud  
    OP
       133 天前
    @f056917 #4 这也没有,你的意思是服务器地址写前端机:port ,然后前端机转发这个到真正的后端机。实际上现在就是这么做的,但是这样的话当前端机 ip 变换的话,还是要重新打包。这是个内网应用,前端机还没 dnsname
    novaeye
        10
    novaeye  
       133 天前
    https://github.com/chenxch/vite-plugin-dynamic-base
    这个 vite 插件配合 nginx ssi 可以帮到你
    thinkershare
        11
    thinkershare  
       133 天前
    @ecloud 配相对地址, 前端和后端部署在一起
    gouflv
        12
    gouflv  
       133 天前 via iPhone
    说句难听的,像这种没法独立解决问题的开发,不管帮几次都是没用的
    rbq123456
        13
    rbq123456  
       133 天前
    1.createHtmlPlugin 注入
    2.npm run build 命令里面注入
    babyoung
        14
    babyoung  
       133 天前
    ztc
        15
    ztc  
       106 天前
    我做过 -> 在 public 文件夹底下新建一个公共 js 文件,配置 axios 请求地址、超时时间等
    gausszhou
        16
    gausszhou  
       105 天前
    1. 直接用域名
    2. 打包时修改, 使用 .env.production 或者 corss-env 配置
    3. 打包后修改:在 public 文件写一个 config.js ,直接 在 index.html 中引入
    4. 部署时修改:前端单独部署 docker ,在 docker 内的 nginx 中进行配置代理
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3752 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 58ms · UTC 05:03 · PVG 13:03 · LAX 21:03 · JFK 00:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.