GithubPack申请攻略(学生向)
点击链接进入GithubPack申请页面 https：//education.github.com/discount_requests/new 填写入自己的相关信息 小技巧：在“打算如何使用GitHub”一栏里，尽可能清晰的描述自己身份(xxx专业的学生)、意图(建站需要/学业需要)。
选择第三个选项：“我没有edu邮箱”。就会有上传验证照片的选项。万一上传照片失败，直接致信github Contact - GitHub Education，态度肯且即可。我发了封电子邮件说自己申请了7次都被秒拒，并且把学生证照片贴在附件上，上午8点致信，中午11点验证通过。
这个是申请页面URL： https：//education.github.com/pack 我现在是一个在校大学生，已经使用Github两年了。因为课程的需要，老师让我们申请GitHub学生包，在开始之前，老师就跟我们强调因为社会上有很多人冒充大学生申请这个包，所以在审核这一方面，官方会相对比较严格，这也意味着我们可能会申请失败。
手把手教你用VuePress如何快速搭建个人免费网站?
1、首先，你需要准备安装环境。VuePress依赖Node.js和npm，无需专业知识，只需下载Node.js并确保安装成功。验证时，在CMD中输入node -v和npm -v，应显示版本号。其次，安装Git作为版本控制系统。在下载并安装Git后，请遵循以下步骤选择安装组件和配置。
2、初始化Vuepress 首先，选择一个合适的位置创建你的博客文件夹。例如，创建一个名为“blog”的文件夹，并在其中启动命令行工具。利用Git和Node.js进行环境配置，确保工具可用。在命令行中，执行一系列命令来初始化Vuepress，包括检查Node.js版本、使用npm安装Vuepress和其他必要的依赖。
3、借助VuePress-plugin-auto-sidebar插件，自动配置管理侧边栏。简化管理过程，无需从零开始编写网站。目前只需学会配置与修改配置，以达到所需效果。
4、要零代码零成本搭建个人网站，借助VuePress和GitHub Pages或Gitee Pages是一个不错的选择。VuePress允许我们通过简单配置快速生成静态网站，无需编写代码。而GitHub Pages或Gitee Pages提供了免费的部署服务，使得网站可以直接在互联网上被访问，实现零成本。
如何使用webpack进行cdn配置呢?
其实使用cdn就是在webpack热启动打包的时候动态插入脚本和样式链接。为了维护方便，我们在build/utils.js文件中增加了几个方法，以后可以在webpack.dev.conf.js和webpack.prod.conf.js上使用。如果没有build/utils.js，可以添加到其他文件中，只要后续步骤可以操作即可。
在webpack热启动本地调试的时候，我们可以使用cdn。在build/webpack.dev.conf.js中，默认已经引入了utils.js，所以可以直接调用相关方法，如果是自定义的文件，记得引入。
懒加载（按需加载）：利用ES6的dynamic-import动态加载，避免一次性加载所有代码，提高首屏加载速度。 提取公共代码：webpack x版本后，使用optimization.splitChunks来实现代码分割，分离出共享的部分。 使用CDN加速：利用CDN技术，将静态资源部署在全球节点，用户访问时从最近的服务器获取，提升加载速度。
使用CDN加载可以有效压缩JS文件，减少首次加载时间，实现首屏加载优化。同时，通过路由懒加载策略，可以在页面加载时按需加载组件，避免一次性加载所有代码，从而减小首次加载文件体积。在服务器端同时配置Gzip支持，前端使用Compression-Webpack-Plugin插件提供资源压缩，有助于进一步减小文件体积。
如何配置Webpack/Vue-CLI实现前端跨域(附跨域大全)
在开发过程中，跨域配置通常是通过在webpack配置文件中设置devServer.proxy来实现的。通过查阅官方文档，我们可以详细了解如何配置，包括目标服务器地址、代理路径、修改请求头参数等关键步骤。
vue.js使用http-proxy-middleware解决跨域请求问题问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示如上：target是你要代理的域名，必须要加上http。
这里就说chorme吧，因为chorme基本都是前端主流浏览器了，配置方法如下：版本号49之前的跨域设置具体做法为：下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。
而在Vue前端，通过在 vue.config.js 文件中设置 devServer 对象的 proxy 选项，可以实现跨域配置。但实际操作中，我遇到了一些问题。例如，设置代理路径后，虽然请求能够正常通过，但再次刷新页面时，页面被代理到了服务器接口地址，引发相同的跨域错误。解决跨域问题的关键是正确配置代理。
具体步骤如下：在 `vue.config.js` 文件中，使用 `proxy` 配置项，为需要跨域访问的接口设置代理规则。例如，可以为接口路径 `/abc` 配置一个代理规则，指定目标服务器地址 `target` 和路径重写规则 `pathRewrite`。通过这种方式，前端请求可以被代理到正确的服务器地址，实现跨域访问。
如何用webpack打包一个网站应用
1、我们需要先安装node环境。没安装的请自行安装 在项目目录下输入npm init初始化一个node项目，输入项目名称等信息，完成后生成一个package.json文件。在项目目录下安装webpack npm install --save-dev webpack 我们需要一个webpack.config.js文件，记录webpack配置信息。
2、项目初始化与Webpack安装 创建项目目录并初始化npm环境。在项目根目录下执行命令：创建webpack.config.js配置文件，用于设置入口文件、输出路径、加载器和插件。Webpack配置 在webpack.config.js中，定义入口文件、输出路径、加载器和插件等配置信息。
3、输出阶段，实现文件的导出，包括生成最终的打包结果。通过本系列文章，读者将能够掌握Webpack的核心工作流程，包括但不限于如何实现一个简易版本的Webpack，以及如何理解并应用Webpack中的插件与加载器。