打包前端部署常见问题

author author     2023-03-21     785

关键词:

参考技术A npm ERR! code ERESOLV E

解决办法有两种:

1.在命令后加上--legacy-peer-deps

2.使用npm6.x

https://blog.csdn.net/m0_51969330/article/details/119186416

npm ERR! code ETARGET

报错原因:package-lock.json 问题

解决办法:

1、删除node_modules文件夹

2、清除npm缓存,运行如下命令:

npm cache clean --force

//删除 package-lock.json

// mac os 

rm package-lock.json

//windows os

del package-lock.json

3、执行npm install 重新安装

前端docker部署问题记录

...看」前言Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Wind 查看详情

docker部署前端和后端打包程序

...命令:nginx.conf修改为:程序更新:每次只需要把前端vue打包程序更新到/data2/geovis/docker_nginx/nginx_share_dir下即可。Dockerfile文件内容:start.sh内容(最后一个jar包不能后台运行,否则容器会自动退出):构建docker镜像启动geovis-jar容器... 查看详情

docker通过中间镜像加速部署(代码片段)

...间制作编译用的镜像测试修改后的实施时间概要使用docker打包镜像的时候,每次耗费时间最多的就是dockerbuild的过程.特别是对于前端工程的打包,有时候下载依赖包的时间就要10几分钟,这就导致发布版本的效率极低.针对前端工程的... 查看详情

qiankun微前端应用实践与部署(四)

参考技术A一般情况下,我们对应用进行配置打包,要对图片字体等资源进行下面配置,使得资源路径正常加载。但是,在微前端模式下,子应用打包部署后,往往会出现子应用css文件里面引入资源路径加载失败的问题,下面就... 查看详情

bi系统打包docker镜像及部署的技术难度和实现

BI系统打包Docker镜像及部署的技术难度和实现随着容器化技术盛行,Docker在前端领域也有着越来越广泛的应用;传统的前端部署方式需要我们将项目打包生成一系列的静态文件,然后上传到服务器,配置nginx文件&#x... 查看详情

nginx实战:部署react前端项目(代码片段)

...录Nginx实战:部署React前端项目正文1.准备React项目&完成打包2.准备Docker镜像&配置文件3.启动/停止服务其他资源参考连接完整代码示例正文1.准备React项目&完成打包先准备一个React项目,使用create-react-app脚手架搭建的也... 查看详情

15前端部署

参考技术A第一步,打包程序命令行状态进行项目目录输入如果打包成功,项目dist下会存在以下的文件和目录2、接下来的部署主流的有两种解决方案1)用nginx把静态站点带起来(企业用的多,学完之后再用)2)放到tomcat里运行(... 查看详情

若依前端部署ubuntu安装nginx并配置静态资源(代码片段)

...x-sreload#修改配置文件后重新加载默认的安装目录:/etc/nginx打包前端资源打包之前需要将前端接口的地址& 查看详情

yjzh前端部署记录centos+nginx+vue(代码片段)

前端项目代码打包请检查vue.config.js中proxy中的target最后不要有斜杠/打包npmrunbuild放到服务器/home/project/路径下Node环境配置下载源代码sudowgethttps://npm.taobao.org/mirrors/node/v13.14.0/node-v13.14.0-linux-x64.tar.xznodenpm环境配置mvnode-v13.1 查看详情

nginx部署多个vue项目端口代理配置问题

参考技术A一.更改vue前端项目打包根路径改为由以上三中类型运行打包命令后把dist包分别对应根路径的名称重新命名二.把第一步拿到的三个项目压缩包上传到远程服务nginx下的html文件夹下如下:更改nginx.conf配置如下改成不同的... 查看详情

使用gulp自动化打包合并前端静态资源(cssjs文件压缩添加版本号)

现在正在做的项目更新迭代比较频繁,会经常对前端代码打包部署,手动整合代码文件很麻烦并且浪费时间,所以决定使用gulp来代替手工完成这项工作。前端静态资源在发版更新时会面临客户端浏览器缓存的问题(可参考这篇... 查看详情

vue项目打包部署生产环境

vue项目打包部署生产环境打包部署生产环境之前需要修改配置文件:修改一:build>utils.js  (修改publicPath:"../../",这样写是处理打包后找不到静态文件的问题)修改二:config>index.js (修改assetsPublicPath:‘./‘ ,修改目... 查看详情

超详细docker部署springboot+vue项目(三更博客项目部署)(代码片段)

...端Vue项目运行端口2.3修改前端对应的服务器ip2.4后端项目打包2.4.1解决打包问题2.4.2项目打包,本地运行jar包测试2.5前端项目打包2.6开放端口2.7配置安全组规则3.Docker安装4.拉取镜像5.编写Dockerfile文件,构建镜像6.使用Docker-c... 查看详情

springboot简单打包部署(附工程)

SpringBoot简单打包部署(附工程)前言本文主要介绍SpringBoot的一些打包事项和项目部署以及在其中遇到一些问题的解决方案。SpringBoot打包在SpringBoot打包这块,我们就用之前的一个web项目来进行打包。首先需要明确的是,该项目打包... 查看详情

若依vue项目部署步骤,避免刷新时出现404错误(代码片段)

目录1、环境准备2、项目打包2.1打完整jar包(包括lib)2.2打不完整jar包(不包括lib)2.2.1方式一:修改pom文件的打包配置2.2.2方式二:通过命令打包2.3打war包2.4 前端打包3、后端部署3.1jar包部署3.2war包部署3.3... 查看详情

springboot简单打包部署(附工程)

前言本文主要介绍SpringBoot的一些打包事项和项目部署以及在其中遇到一些问题的解决方案。SpringBoot打包在SpringBoot打包这块,我们就用之前的一个web项目来进行打包。首先需要明确的是,该项目打包的形态是可执行的jar包,还是... 查看详情

mavenweb项目打包部署

...a;今天写好代码后在本地运行测试好好的,但是用maven打包后部署到服务器上总是提示找不到资源,原以为是代码问题(代码中有个小bug,在windows上能运行,猜想在linux上运行不了也正常),但是把代码... 查看详情

前端vue与后端thinkphp在服务器的部署

...考技术Avue在服务端部署时,我们都知道通过npmrunbuild指令打包好的dist文件,通过http指定是可以直接浏览的,Thinkphp通过域名指向index.php文件才可以浏览。要使前端正常调用后端数据,有两种方法:1、前端跨域调用后端数据,2、... 查看详情