部署打包
文章平均质量分 50
vue项目中的部署和打包配置相关,很重要。
SilenceJude
多做,多想,少说话。
展开
-
记一次完整的新浪云部署nodejs项目上线完整流程及填坑处理!
工欲善其事,必先利其器。在开始本次部署新浪云nodejs项目之前,请先做好以下准备工作:1.注册一个新浪微博账号!2.使用注册好的新浪微博账号,登录新浪云网站:http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKW7roB4gWZ_eIVrfrKydg.html3.在你的计算机上安装git,如何安装请参考廖雪峰老师...原创 2018-12-20 16:21:38 · 6243 阅读 · 20 评论 -
webpack打包出多文件——配置多入口和多出口
前言:有时候,我们发布一个npm包时,需要打包出多个文件,可能对应不同的功能。这时就需要知道如何配置webpack打包出多文件,原理是通过配置多入口和多出口来实现。一、打包成单文件配置先看一下原来的打包单文件配置是啥样的。const path = require('path');module.exports = { entry: './index.js', output: { path: path.resolve(__dirname, '../lib/'),原创 2022-04-21 09:36:14 · 3972 阅读 · 0 评论 -
记录一次购买ECS云服务器/轻量应用服务器部署nodejs服务器后却无法通过公网ip地址访问的坑。
场景描述我真的是被自己蠢哭了:之前腾讯的服务器到期了,续费又贵,于是转战百度。看到有活动,便买了一个99的轻量云应用服务器,又把域名转过来,花了六七十,前后花了一百多。通过rdp连接服务器,安装完node和相关开发工具后,启动项目,本地端口正常运行。然而通过公网ip访问的时候,却一直无法访问!以前通过腾讯服务器,node项目运行之后,是可以直接通过IP:端口来直接访问的,为啥现在不行呢?于是经过一通折腾,什么服务器管理器,iis,乱起八糟的东西都尝试了一遍,结果还是不行。.原创 2021-10-09 18:48:10 · 1077 阅读 · 4 评论 -
使用nginx解决开发环境下canvas的toDataURL转换线上地址图片时的跨域问题。
文章目录前言一级目录二级目录三级目录前言前端开发在合成二维码海报时,经常会使用html2canvas工具将二维码和海报合成一张图片。如果合成用的海报是项目本地图片,那没什么问题。但是如果合成海报的图片,是后台传过来的线上图片,那么就很可能由于跨域问题导致合成的线上图片是空白,只有二维码。报错如下:这时,聪明的你肯定想到了既然如此,那我们提前将需要合成的海报转换成base64不就ok了吗...原创 2020-04-01 01:29:00 · 1053 阅读 · 0 评论 -
vue/cli2下的webpack3升级webpack4记录。
前言:由于公司项目是历史项目,因此还是基于vue/cli2搭建的,webpack版本也是3.6.0。听说升级到webpack4之后打包速度贼快,所以早就想体验一下,但是又不敢拿公司项目开刀,因此先找一个以前写过的demo项目练练手。下面就记录一下vue/cli2下的webpack3升级webpack4中遇到的一些问题及解决方案。文章目录1、安装 webpack-cli ,升级webpack2...原创 2019-11-18 11:00:27 · 2419 阅读 · 4 评论 -
三分钟通过nginx反向代理解决前端跨域问题
前后端分离开发的过程中,跨域问题一定避免不了。关于如何解决跨越问题,已经是老生常谈了,cors,jsonp,nginx,iframe,Nginx正向代理与反向代理 https://www.jianshu.com/p/ae76c223c6ef...原创 2019-09-04 00:58:57 · 2118 阅读 · 0 评论 -
vue中多页面项目配置详解。【cli2和cli3版本配置】
前言:最近总结了一下自己以前写过的一些项目,发现项目分散的比较杂乱,因此想通过一个多页面应用来统一管理,正好借此机会实战一下多页面应用。结合网上查阅的一些资料,整理了一下vue部署多页面应用的配置详情。如有错误,欢迎指正。git地址: https://github.com/Silent-Jude/multi-project文章目录版本一:vue2.5.2 + webpack3.6.0 + ...原创 2019-11-14 17:01:47 · 956 阅读 · 0 评论 -
vue-cli+webpack项目如何自动在浏览器打开
最近在学习vue的相关知识,使用vue-cli+webpack创建的项目执行命令npm run dev的时候,并没有在浏览器自动打开,而在github上下载的vue项目都能够通过命令直接在浏览器运行。对比了一下,发现有个别文件发生了变化,于是就搜索了一下相关问题,找到了github上关于webpac...转载 2018-08-07 10:48:50 · 935 阅读 · 0 评论