vue文件打包部署,修改内容不生效

Blade 未结 1 1022
349654623
349654623 剑圣 2020-08-30 18:43

一、该问题的重现步骤是什么?

  1. vue文件打包项目根目录出现dist文件,目前没有出现?

    image.png

2. flowable-boox 端口修改8082,页面vue文件无法访问?


image.png


image.png

3.后台Java API 接口程序 80改为8092image.png


4.nginx 配置 


image.png


image.png



image.png


二、你期待的结果是什么?实际看到的又是什么?



打包dist文件,放在Linux指定目前文件下。nginx转发访问vue文件


后台80端口修改为8092端口, 后台80未启动业务vue文件链接无法访问API,目前我把80改成8092,前端提示服务器请求500,需要什么解决?

前端vue文件改动了链接也未生效。改动样式也不生效,文字内容也不生效。什么解决?






三、你正在使用的是什么产品,什么版本?在什么操作系统上?


四、请提供详细的错误堆栈信息,这很重要。




五、若有更多详细信息,请在下面提供。

1条回答
  • 首先你要先了解前端反向代理的逻辑,你前端和后端都配置了同样的端口,肯定是不行的

    image.png


    其次打包是这个build命令,执行 yarn run build 或者 npm run build 都可以

    image.png

    前端部署到nginx是非常简单的,具体配置可以参考如下,你的/FlowableApi和/FlowableDesign对不上,肯定是不行的。flowable-design项目是单独部署的,得到了单独的地址把他配置在saber的website.js内就行,不需要到nignx配置。nginx只需要配置saber部署的目录以及saber反向代理后端的配置

    image.png

    0 讨论(0)
提交回复