文章目录1、打包前的配置工作1.1、使用vue自带的打包工具(vue-cil)1.2、使用webpack工具打包2、打包1、打包前的配置工作1.1、使用vue自带的打包工具(vue-cil)配置vue.config.js文件打开vue.config.js文件修改参数，如果项目的目录中没有vue.config.js文件，那么需要自建一个配置文件；在根目录src下创建文件即可。需注意文件名称必须是vue.config.js，然后在文件中写入代码。//打包配置文件module.exports={ assetsDir:'static', parallel:false, //默认 //publicPat
当我们执行了yarnrunbuild之后，生成dist文件我们将代码放入nginx-1.24.0下面的html中然后我们就配置conf文件下的nginx.conf 配置方面不介绍了，主要问题是因为没有加这句话 问题分析indexindex.htmindex.html;index就是根目录，也就是只识别“/”结尾的，输入不存在或者刷新页面的路径就直接报nginx的404了，而不会重定向到index.htmltry_files更加可靠，首先会查找"$uri"下的这个文件，如果不存在会查找$uri/,如果还不存在就会重定向到/index.html页面。如果最后参数写错了，就会导致500的服务器错误。
build打包的dist介绍。 dist目录是一个包含了打包后的项目代码和相关依赖项的目录，用于在部署时将项目移植到其他环境中。它提供了一个整理而简化的文件结构，使得部署过程更加方便和可靠。 直接打开报错会空白可以使用nginx来启动。Nginx官方网站：nginxnews下载很快很方便，可以不用配置环境，直接在终端管理员身份进入nginx文件夹下面即可startnginx启动项目，但需要简单配置一下启动文件nginx.conf。情况一、接口405问题： 情况介绍，启动的项目中，接口完全没有问题，而且请求头也完整的添加上了，传参要求也是按照服务端要求来的，但就build打包
解决"Modulebuildfailed(from./node_modules/sass-loader/dist/cjs.js)"错误的技术指南如果你在使用Node.js和Sass时遇到了"Modulebuildfailed(from./node_modules/sass-loader/dist/cjs.js)"的错误，不要担心，这篇技术指南将详细介绍这个问题，并提供解决办法。首先，让我们深入了解这个错误。错误背景这个错误通常与Sass编译器相关，它指示Sass编译失败，导致项目构建失败。这可能是由于各种原因引起的，包括包版本不匹配、配置错误或环境问题。解决步骤步骤1:清理缓存有时缓存问题可能
我的处理方式:一开始查了好多方法，删除node_modules，重新安装，切换node版本等，但是发现并没有用之后来发现是安装依赖包的时候有些包安装失败导致的，只要有针对性的重新安装依赖就可以了例如：in./node_modules/@intlify/core-base/dist/core-base.cjs如果在项目启动的时候遇到类似的问题，我们观察注意一下上下文的内容可以看到我遇到的这个问题，首先想到的是core-base安装出了问题，但是我发现我的pageage.json并没有相关内容；然后观察一下上下文会发现vue-i18n出现在下面，既然不是core-base那应该就是vue-i18n
我的处理方式:一开始查了好多方法，删除node_modules，重新安装，切换node版本等，但是发现并没有用之后来发现是安装依赖包的时候有些包安装失败导致的，只要有针对性的重新安装依赖就可以了例如：in./node_modules/@intlify/core-base/dist/core-base.cjs如果在项目启动的时候遇到类似的问题，我们观察注意一下上下文的内容可以看到我遇到的这个问题，首先想到的是core-base安装出了问题，但是我发现我的pageage.json并没有相关内容；然后观察一下上下文会发现 vue-i18n出现在下面，既然不是core-base那应该就是vue-i18
2022.9.6一、需求最近领导提了一个新需求：仿照e签宝，实现pdf电子签章！最终实现效果图这是做出来的效果图，当然还有很多待修改二、思路然后我就去看了下人家e签宝的操作界面，左侧是印章，右侧是pdf，然后拖拽印章到pdf上面，点击保存，下次打开时显示印章的位置。思路：我首先想到了拖拽、pdf预览、坐标；分工明确，前端来实现拖拽，pdf预览及把印章信息和坐标传给后端，后端只需要把信息和坐标保存下来就可以了。三、使用插件之前实现pdf预览就是通过window.open，打开一个窗口，显示pdf，功能很多，但是和需求不符，需要做的事是把pdf显示出来，同时可以可以拖拽印章到上面去，也不要放大与缩
背景：一般前端开发后会将打包后的dist文件交由我们部署，部署的方式有很多，这里提供一种思路在服务器的路径下新建一个目录，在目录中新建Dockerfile，编辑这个文件FROMnginxCOPY./dist/home/frontCOPYnginx.conf/etc/nginx/nginx.conf执行(注意后面有一个空格和英文的句号)dockerbuild-timage_name:version.运行镜像生成容器dockerrun-id--namecontain_name-pserver_port:contain_port--restartalwaysimage_name:version
第一pdfjs没有成功引入不管是import引入还是require引入最好打印下pdfjs查看是否引入成功importpdfjsfrom'pdfjs-dist/legacy/build/pdf.js' 我这样引入失败import*aspdfjsfrom'pdfjs-dist/legacy/build/pdf.js'改成这样的引入成功第二各种报错引入成功后就给我一直报错这个pdfjs中的getDocument(...).then()不是一个function我用的版本是pdfjs-dist@2.6.347我的解决办法是getDocument(...).promise.then().catch((
打包‘readFile‘isnotexportedby__vite-browser-external报错打包报错如下问题所在处理办法打包报错如下问题所在因为vue3项目是用不了vue-pdf所以用了pdfjs-dist，开发环境pdf查看是没问题正常使用，只是在打包的时候就报错，应该是由于pdfjs-dist.js使用了fs,fs是nodejs环境下的工具库,所以vite才会报错。处理办法1、下载插件cnpminstallvite-plugin-commonjs-externals-D2、vite.config.js配置importcommonjsExternalsfrom'vite-plug
