1、分析工具Coverage：查看代码的使用状况 Coverage 是chrome开发者工具的一个新功能，从字面意思上可以知道它是可以用来检测代码在网站运行时有哪些js和css是已经在运行，而哪些js和css是还没有用到的，如图，这是csdn所显示的已运行和尚未运行的代码情况。上图所示，最右边显示的是我们加载的css和js文件数量，红色区域表示已运行的代码，而青色表示已加载但未运行的代码。可用来发
1.场景项目前后端分离，前端项目使用vue框架书写，在请求后端接口时，由于服务运行在不同的服务器，就会出现跨域问题。示例：运行环境：Windows， 前端项目的项目地址为：192.168.1.2:8082， 后端项目的项目地址为：192.168.1.3:8083，
由于ip地址不同，肯定会存在跨域问题 2.解决方法（1） 后端配置跨域，如下是springboot的配置public cla
转载
2024-03-14 06:53:41
513阅读
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update
sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择，一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表
可用应用程序：
CUPS
Nginx Full
Nginx H
转载
2024-06-04 11:07:51
208阅读
准备（1）首先是一个Vue项目。（2）其次准备好服务器（在这里我是用虚拟机VMware）。（3）准备好一个SpringBoot后端代码。（4）服务器上必须安装Nginx。1、前端代码注意事项：（1）在这里我是用vuecli3脚手架创建的vue项目的，所以项目创建完毕之后是没有vue.config.js的。 其实这个文件的创建是为了本地测试解决前后端跨域问题的，但是在打包项目的时候需要把这里关于跨域
转载
2024-03-02 09:46:25
417阅读
在开发前后端分离的网站时，跨域是我们经常能遇到的问题。对于没有经验的开发者来讲，在开发过程中跨域也是一个很棘手的问题。产生跨域问题的原因浏览器出于安全原因会阻拦不同域名之间的请求，以防止跨域攻击。跨域攻击是通过浏览器cookies的漏洞，让一个危险网站通过保存的cookies进行一些危险的操作。具体跨域攻击的技术细节和防御原理在这里就不多讲了。 一般来讲，当两个地址的协议、主机名、端口有一个不一样
最近有时间研究了下前端项目如何在nginx服务器下进行部署，折腾了两天总算有所收获，汗~~所以就想着写篇文章来总结一下，主要包括以下三个方面： 1、打包好的vue项目如何进行部署。2、如何反向代理后端服务接口。3、vue项目二级访问目录在nginx下的配置。 说明：nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围，后面的所有实践说明都是基于个人的本地
转载
2023-09-23 09:54:25
250阅读
在Kubernetes（K8S）环境中，通过nginx来部署前端项目并设置后端接口地址是非常常见的应用场景。本文将详细介绍如何实现这一功能，适合初学者快速上手。
整体流程如下：
| 步骤 | 操作 |
| --- | ---- |
| 1 | 创建前端项目Docker镜像 |
| 2 | 创建nginx配置文件 |
| 3 | 创建K8S Deployment |
| 4 | 创建K8S Se
原创
2024-04-23 19:04:00
534阅读
简单描述：代码开发完了，需要环境来运行测试。服务器上没有nginx，搞起搞起。 在Centos下，yum源不提供nginx的安装，可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法，**以下命令均需root权限执行**： 首先安装必要的库（nginx 中gzip模块需要 zlib 库，rewrite模块需要 pcre 库，ssl 功能需要openssl库）。选定
转载
2024-07-24 18:43:49
684阅读
nginx安装下载依赖环境yum -y install gcc pcre-devel zlib-devel openssl openssl-devel安装cd /usr/local mkdir nginx cd nginx wget http://nginx.org/download/nginx-1.13.4.tar.gz tar -xvf nginx-1.13.4.tar.gz cd nginx
转载
2024-03-19 20:48:27
45阅读
nginx代理部署Vue与React项目一,介绍与需求 1.1,介绍
Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。
Nginx
转载
2024-04-24 15:31:07
91阅读
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要
原创
2022-11-08 18:34:31
514阅读
nginx.conf中的server配置
原创
2023-05-11 10:47:06
195阅读
nginx部署vue项目三丰soft张三丰nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。打包vue项目npmrunbuild通过上面命令后打包好的静态资源将输出到dist目录中。如图所示安装nginx到nginx官方下载系统相关的nginx版
原创
2021-01-24 10:15:31
1368阅读
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。 打包vue项目 npm run build 通过上面命令后打包好的静态资源将输出到dist目录
转载
2019-11-10 19:15:00
389阅读
2评论
前端项目打包、Nginx的启动暂停、Nginx配置1、前端打包首先配置前端环境.env.preview文件中VUE_APP_API_BASE_URL指向后端地址之后，使用命令 yarn run build 打包后前端根目录出现dict文件夹yarn run build 或者 npm run build使用Nginx代理部署前端 -配置内容server {
listen
转载
2024-06-10 10:23:27
1555阅读
K8S是一种流行的容器编排工具，它可以帮助我们更轻松地管理和部署容器化应用程序。在使用K8S部署Vue项目时，我们通常会使用Nginx作为前端Web服务器来托管Vue项目的静态资源。接下来，我将为你详细介绍如何使用K8S和Nginx来部署Vue项目。
整个部署过程可以分为以下步骤：
| 步骤 | 操作 |
|------|----------------
原创
2024-04-24 12:48:23
78阅读
文章目录 前言 一、环境准备 二、SpringBoot项目打jar包 1.1 使用Maven的package插件打包 1.2 上传至Linux服务器 三、Vue项目打包 1.1 修改后台请求地址 1.2 生成dist文件 1.3 上传至linux服务器 三、配置Nginx 四、启动项目 1.1 启动Nginx服务器 1.2 启动SpringBoot 1.3 访问项目 总结 前言 Java企业开发少
转载
2024-03-24 16:58:07
188阅读
Vue笔记六：Vue项目的性能优化之路“你说一下性能优化的手段”。百分之八十的人都会说，压缩js和css之类的。显然这些都是必须做的，而且已经根本不是主要的性能优化的关键点。如果你只会说这些，只能说明你是个过时的前端工程师。性能优化过程中，我们需要面对的更多是DMS解析过程，服务器缓存和浏览器缓存机制。gzip压缩在所有的web前端项目，静态资源基本都放在cdn上，gzip的压缩是非常必要的，
一，查看后端的访问日志: [web@blog logs]$ tail -100 accesslog2021-10-06.log 127.0.0.1 - 0.004 [06/Oct/2021:15:35:20 +0800] GET /home/home HTTP/1.0 200 97 http://s ...
转载
2021-10-08 11:26:00
468阅读
2评论
首先要去nginx官网下下载nginx：下载地址：https://nginx.org/en/download.html下载下来会是一个解压包，解压到你想放的文件夹下 运行nginx.exe，然后打开浏览器输入localhost出来如下图片所示就说明成功了：然后如果没有成功出来的话也不要慌不要怕，可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下找到conf点击进去然后找到一
转载
2024-02-21 11:17:29
147阅读
