一、基础开发工具1、安装nodejs软件。http://nodejs.cn/download/2、安装git软件，代替命令行工具。https://git-scm.com/downloads 注：* 如何解决Git Bash 面板中的中文乱码问题？右键->options->text->把编码格式改为UTF-8。3、全局安装nodemonnpm install nodemon -g4
在Kubernetes(K8S)中部署Vue前端应用并配置nginx是一个常见的操作，本文将教你如何完成这个过程。首先，让我们来了解整个流程，然后详细说明每个步骤需要做什么。
### 流程概述
在K8S中部署Vue前端应用并配置nginx的流程如下：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 创建Vue前端应用Docker镜像 |
| 步骤二 | 编写nginx
原创
2024-05-22 09:59:07
199阅读
当用vue开发好前端需要打包时，一般都需要配置下代理方便访问后台接口，避免出现找不到链接或者跨域问题。记录下配置，假如vue中配置的跟url是/mock-server ,实际接口地址是127.0.0.1:8886则nginx.conf文件中，增加如下配置：location /mock-server { proxy_pass http://127.0.0.1:8886; #api请求地址的
原创
2021-08-30 17:25:37
2553阅读
一.前端路由介绍: 路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。 传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢
文章目录前言一、跨域问题的表现二、前端解决方案三、后端解决方案（CORS）：四、其他解决方案总结 前言跨域问题（Cross-Origin Resource Sharing, CORS）是由于浏览器的同源策略（Same-Origin Policy, SOP）限制导致的。同源策略是一种安全措施，它限制了一个源（域名、协议和端口）的文档或脚本如何与另一个源的资源进行交互。这种限制是为了防止恶意网站访问
# Docker前端Vue项目Dockerfile配置Nginx教程
## 简介
在开发前端Vue项目时，我们经常需要将项目部署到Nginx服务器上。使用Docker可以方便地将整个项目打包成一个镜像，并在不同的环境中运行。
本文将指导你如何使用Docker来配置Nginx，以实现前端Vue项目的部署。
## 整体流程
下面是整个过程的步骤概览：
| 步骤 | 描述 |
| ---- |
原创
2023-11-28 09:07:07
285阅读
概述作为一个前端，我觉得必须要学会使用 nginx 干下面几件事：代理静态资源设置反向代理（添加https）设置缓存设置 log部署 smtp 服务设置 redis 缓存（选）下面我按照这个节奏一一研究一遍，把心得记录下来，供以后开发时参考，相信对其他人也有用。参考资料：Beginner’s Guidenginx 重要点（nginx 的安装我就不介绍了，自己按文档安装就行）1.如果 nginx 已
转载
2024-03-07 12:35:24
547阅读
# 使用 Vue + Docker + Nginx 构建前端项目
在现代前端开发中，Vue.js 被广泛使用，作为一种流行的 JavaScript 框架，它使得构建用户界面变得更加简单和高效。然而，仅仅使用 Vue.js 开发前端应用是不够的，为了更好地部署和维护，我们通常会借助 Docker 和 Nginx 来进行容器化和服务托管。本文将介绍如何使用 Docker 和 Nginx 来构建和部署
0.背景最近做一个基于 VUE 2 的资产后台管理系统。因为暂时没有后台人员编写数据接口，只把前端页面构建出来了。 突然有一天，领导说有客户来访，需要看一看后台管理系统的界面演示。而当前做的web项目只有纯静态，也木有上线，所以给客户演示时非常不方便，于是领导喊我将其打包成一个桌面应用程序，直接可以离线观看的那种。 当时听着也是一愣，这玩意不是应该是c++或java这种更牛逼的东西干的事情吗？
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808;
server_name localho
转载
2024-06-19 20:40:24
205阅读
前言 跨域对于前后端开发来说是一个老生常谈的问题了。客户端与服务端通信时协议不同、域名不同、端口不同都会产生跨域问题。值得一说的是跨域是源于浏览器的同源策略，也就是浏览器做了访问限制。而 XMLHttpRequest 请求和 Fetch API 都遵循同源策略。所以跨域也只发生在 XHR 请求和 Fetch请求。像 script 标签的 src 请求是不会产生跨域的，这也就是为什么 jsonp 可
转载
2024-10-15 13:48:45
52阅读
Vue的路由机制主要是通过两种模式实现的第一种模式是hash模式第二种是H5的history模式这是默认的hash模式的路由：改成history模式后const router = new VueRouter({
mode:"history",
routes
})
export default routerHash模式hash模式是以url的hash值来作为路由，这也是vue的
转载
2024-06-13 12:05:00
600阅读
前提：nginx 已安装简介：nginx(engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，第一个公开版本0.1.0发布于2004年10月4日。国内分支Tengine。部署：进入安装的 nginx 目录，找到 nginx.conf&nbs
转载
2024-02-24 19:49:51
98阅读
1、简介 Nginx 由俄罗斯访问量第二的rambler.ru站点设计开发的，首次发布于2004年10月，是一个高性能的HTTP和反向代理的web服务器，其主要特点为占用内存少，并发能力强，官方测试数据表明能支持50000各并发连接数的响应。安装简单、配置文件简洁（支持perl语法），而且可以做到24小时不间断运行，在不间断服务的情况下进行软件升级。 国内使用nginx的公司很多，如：百度、京东、
转载
2024-03-25 08:48:37
260阅读
Nginx是什么？Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能
转载
2024-07-17 18:01:41
168阅读
部署背景和问题描述项目使用的是vue2.0,vue-route,webpack打包 项目部署使用的nginx 问题描述： 正常首页不加index可以访问 如：浏览器输入192.168.0.251可以正常访问并返回 但是当按下F5或者刷新页面时就出现如下404错误 这还是不是最明显的最明显的如这种目录192.168.0.251/user 基便不刷新而只是访问依然是报的404原因打开开发包我
背景：做一个前后端分离的项目，使用vue-cli创建的前端项目，在前端配置跨域请求。一、开发阶段 在vue.config.js中配置devserver的proxy进行代理请求配置，然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候，需要再重新配置请求代理。 vue.config.js中代码配置如下：// 相当于webpack-dev-server，对
转载
2024-02-23 19:26:31
552阅读
配置nginx + https + node + vue为什么要配置这些，此时的我在捣鼓写的vue项目的demo玩，简单的调用摄像头并进行拍照，并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里（并没有使用将图片上传至服务器的某个目录下，将云服务器的地址存储到数据库的方案。按道理应该要这样做的，这里只是简单的demo，不要被误解了，毕竟直接往数据库里存base64的
转载
2024-07-27 10:02:31
153阅读
先说结论官方给出了nginx的解决方案location / {
try_files $uri $uri/ /index.html;
}1. 背景介绍vue项目只有一个组件，路由模式是history，路由中有一个根路径重定向配置，路由配置如下const routes = [
{
path: '/',
redirect: '/index'
},
{
path:
转载
2024-06-20 12:44:53
305阅读
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808; server_name localho
