静态资源组织一个简单的页面先从简单的静态页面开始，众所周知，前端资源由 HTML、JavaScript、CSS 三剑客组成，假设我们有一个简单的页面，用Nginx作为 Web 服务器，资源组织结构大概如下：此时， 只需将 HTML、JavaScript、CSS 等静态资源通过 FTP 等软件，上传到 Web 服务器（如
一.live-server 搭建临时的服务修改文件浏览器自动刷新自动打开项目 1.安装 2.运行 文件根目录运行live-server 以下安装运行类似： 二.http-server 三.anywhere
原创
2022-01-14 17:07:54
167阅读
web服务器Web服务器一般指的是网站服务器，是指驻留因特网上某一台或N台计算机的程序，可以处理浏览器等Web客户端的请求并返回相应响应，目前最主流的三个Web服务器是Apache、 Nginx 、IIS。 传统开发和前后端分离开发传统开发也叫前后端耦合开发前端写完的HTML页面交给后端，后端负责渲染数据，前后端相互调整的方式 前后端分离开发前端开发者编
前言对于前端工程师而言，多多少少会碰到按需加载的需求。 比如一个系统，需要用户登陆以后才能使用，对于传统的前后端未分离的情况，我们一般的处理方式是，当检测到用户未登录的时候，一般会重定向到登录页面，让用户进行登录。 但是对于前后端分离的情况，前端工程师一般倾向于单页面的处理模式，而想要处理这种情况的话，我们一般传统的做法是，会选择采用 location.search 的方式，即通过参数来判断。 比
环境操作系统：CentOS 6.5BIND从服务器从服务器就是在bind的主配置文件中添加从域example.net的配置信息即可31、配置文件位置 /var/named/chroot/etc/named.conf2、在主配置文件中添加一行域的zone定义：zone "example.net" {
type slave;
masters { 120.27.99.64; };
file "slave
前端开发中,经常遇到有些场景，需要用到服务器环境，比如：写了静态页面需要在手机的调试前后端分离中用到一些框架，vue，react，angular，这些将打包后的静态资源放到服务器上去……那么接下来，让我们学习怎么利用windows自带的服务器IIS来跑项目吧！一、首先我们来配置IIS服务1、开始 ——> 控制面板（或计算机——> 控制面板）2、打开控制面板后，找到默认程序3、点击默认程
前端笔记win10 环境下node服务器搭建 win10 环境下node服务器搭建服务器搭建流程(傻瓜式操作)准备空文件夹启动终端 cd到文件夹中将该普通文件夹初始化成项目文件件 执行 npm init 一路回车查看项目中的package.json文件 创建index.js文件安装服务器模块koa 执行 cnpm install koa --save ( 额外插播一条广告: 你的电脑没有cnpm
上传文件到服务器常用的方法有两种第一种：将文件转换成base64编码后使用POST上传给服务器实现方法URL.createObjectURL(BlobFile)
//或者由canvas生成
canvas.toDataURL('image/jpeg',0.8)优点：可以将二进制文件转换为文本数据进行传输，避免了二进制文件传输可能遇到的编码问题和字节顺序的差异问题，从而提高了兼容性。Base64 编码
转载
2023-09-04 21:16:38
87阅读
本地开发服务器解决的问题动态构建和Mock服务是本地开发服务器的主要功能。动态构建解决的问题是面向开发层面的，通过监听→修改→触发→构建的流程避免了源码的每次修改都需要人为地执行一次构建，便于开发过程中的即时调试。Mock服务解决的问题是面向前后端协作层面的，以提前约定好的规范为前提，通过本地服务容器提供的Mock数据接口辅助前端逻辑的编写。此外，如果项目需要SSR（服务器端渲染），本地开发服务器
原创
2023-06-29 17:18:23
109阅读
Vue应用部署到服务器的正确方式很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题，但真正放在服务器上后，会发现或多或少的问题，比如：页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。如何打包基于Vue-Cli,通过npm run build来进行
gulp 打包后的文件上传至服务器下载： npm install -D gulp-sftp-up4 gulp-sshpackage.json: "scripts": { "server-dev": "cross-env NODE_ENV=dev gulp default },const { task, src, series } = require('gulp');const sftp = require('gulp-sftp-up4');const devConfig = { ..
原创
2021-11-30 15:56:28
319阅读
在前端开发当中。既然前端能够成为独立的一套系统了。怎么少得了服务器与后端进行开发调试，对接接口调试呢。经过选择，还是选择轻量的nginx。下面说说大概使用吧。目前最新的下载地址：传送门 1.下载下来过后你只要关注里面的conf——nginx.conf的配置文件 2.找到http块里面的server 修改配置 listen : 81 //监听端口。和 server_name&nb
转载
2023-09-05 18:17:15
61阅读
最近需要开发网站，但好像没找到比较好的部署前端流程说明，简单记录了一下自己的部署流程，仅供参考。本服务器系统为Ubuntu，不清楚其它系统也是否适用本流程。1.安装NginxNginx (engine x) 是一个高性能的HTTP和反向代理web服务器，其占用内存少、并发能力强、能支持高达 5w 个并发连接数。更多可以了解 万字总结，体系化带你全面认识 Nginx ！1.安装sudo apt in
Web 服务器是一种用于存储，处理和传输Web内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服务器包括 Apache，Nginx，Microsoft IIS等。一、NginxNginx 一般是前端项
每个磁盘空间都是一个虚拟主机
原创
2022-05-07 17:39:59
1244阅读
镜像下载、域名解析、时间同步请点击 阿里云开源镜像站第一次在Linux云服务器上部署前后端分离项目，查了很多资料和视频，踩了许多坑。成功实现部署若依的前后端分离项目后，想记录一下前后端部署的过程，供学习的小伙伴参考。1.环境准备一定要在开始前先准备好以下工具和环境（可以上网查找安装的方法），后续还会对其进行修改：购买一个云服务器，例如阿里云等等，操作系统为Linux centos7.x在云服务器上
转载
2023-09-15 18:29:14
161阅读
2. 使用第三方存储服务：前端可以将图片上传到一些第三方的存储服务，如云存储服务（如七牛云、阿里云OSS、腾讯云COS等）或者文件上传
当前后端服务器分离时，前端上传图片到前端服务器可以采用以下几种方式：直接上传到前端服务器：可以通过使用HTML的<input type="file">元素，让用户选择图片文件并直接上传到前端服务器。前端服务器可以使用后端提供的API接口处理上传请求，然后将图片保存到前端服务器的文件系统中。使用第三方存储服务：前端可以将图片上传到一些第三方的存储服务，如云存储服务（如七牛云、阿里云OSS
今天被问到什么是前端和服务端渲染，回答的很不好，下面总结一下：什么是服务器端渲染和客户端渲染？ 互联网早期，用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将html拼接好的然后将之返回给前端完整的html文件，浏览器拿到这个html文件之后就可以直接解析展示了，而这也就是所谓的服务器端渲染了。而随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，而可能添加了更多
文章目录一、前端工作第一天需要哪些环境配置二、Vscode2.1、官网2.2、插件三、Nodejs3.1、官网3.2、nodejs安装及环境变量配置【了解即可】3.3、nodejs安装3.4、npm插件四、Postman五、谷歌下载插件的地址六、Vue26.1、搭建脚手架【了解即可】6.2、脚手架、创建项目、库6.3、Vue2库6.4、解决跨越【服务器代理】七、typeScript7.1、官网7
