提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 IIS部署vue3项目一、IIS 安装二、解决404问题三、windows环境下安装/使用 nginx 提示：以下是本篇文章正文内容，下面案例可供参考一、IIS 安装二、解决404问题如图安装 url-rewrite 工具 ，安装成功需要重启IIS 面板，正常就出现在IIS工具面板配置重写规则 ，选不是文件 条件这时候页面可以加载出
})// 16 配置图片压缩config.module.rule('images').use('image-webpack-loader').loader('image-webpack-loader').options({bypassOnDebug: true}).end()},// 7 使用去除logconfigureWebpack: config => {const plugins =
在本次使用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阅读
场景在H5开发中，有时候有些问题只在线上环境出现，线上环境又不能随便更改代码和配置，比如，我们需要对页面进行重定向，正则匹配转发，那么我们能不能在本地调试就能模拟线上环境页面访问情况呢？答案是肯定的！那么如何做呢？ 模拟线上环境页面访问1、nginx线上环境使用的是nginx服务器。Nginx是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。它也是一种轻
转载
2024-02-23 19:46:53
143阅读
部署背景和问题描述项目使用的是vue2.0,vue-route,webpack打包 项目部署使用的nginx 问题描述： 正常首页不加index可以访问 如：浏览器输入192.168.0.251可以正常访问并返回 但是当按下F5或者刷新页面时就出现如下404错误 这还是不是最明显的最明显的如这种目录192.168.0.251/user 基便不刷新而只是访问依然是报的404原因打开开发包我
先说结论官方给出了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 + https + node + vue为什么要配置这些，此时的我在捣鼓写的vue项目的demo玩，简单的调用摄像头并进行拍照，并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里（并没有使用将图片上传至服务器的某个目录下，将云服务器的地址存储到数据库的方案。按道理应该要这样做的，这里只是简单的demo，不要被误解了，毕竟直接往数据库里存base64的
转载
2024-07-27 10:02:31
153阅读
背景：做一个前后端分离的项目，使用vue-cli创建的前端项目，在前端配置跨域请求。一、开发阶段 在vue.config.js中配置devserver的proxy进行代理请求配置，然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候，需要再重新配置请求代理。 vue.config.js中代码配置如下：// 相当于webpack-dev-server，对
转载
2024-02-23 19:26:31
562阅读
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808; server_name localho
Nginx的配置文件说明基本上都有注释啦： #user命令指定运行nginx进程的用户和组。如果未指定则默认与当前运行的用户相同
#user nobody;
#启动进程。使nginx可以使用多个CPU
worker_processes 1;
#全局错误日志及PID文件
#error_log logs/error.log;
#error_log logs/error.log
转载
2024-06-13 14:17:34
432阅读
之前也有段时间接触过Nginx，主要是自己拿来学习研究用，记得当时还写过两篇入门级的文章如何在windows上配置并运行nginx -- 安装篇 和如何在windows上配置并运行nginx -- 配置实例篇 ，呵呵，比较入门，别见怪了。今天在详细看Nginx配置的时候，突然想到一个问题：如何在Nginx配置中限定只能用域名访问服务器，而不能IP访问呢？原先我还以为这在Nginx下是不可能的，也就
转载
2024-09-09 05:29:00
68阅读
欢迎加入Unity业内qq交流群：956187480下载地址：nginx: download1.现在版本使用的是1.19.6，下载以后解压2.找到配置文件配置本地服务3.运行nginx.exe然后进入，说明配置成功4.进入我们的目标路径
原创
2022-09-29 14:09:29
574阅读
部署准备vue项目打包 首先打开public下的index目录，修改后台的URL地址，如下图所示：使用CMD，打开命令行程序。进入项目根目录。执行命令：npm run build，完成打包。在根目录输出结果如下： 如果在一个nginx的同一个端口号下配置多个vue应用，则需要在第二个应用开始，按照以下步骤修改，再执行打包程序。 第一步：修改根目录下的vue.config.js的publicPath
转载
2023-12-02 13:26:16
193阅读
【Nginx】Nginx 配置 访问本地目录server { listen
原创
2022-12-13 10:25:08
3483阅读
1、为什么要有 hash 和 history对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了以下两种支持：hash —— 即地址栏 URL 中的 # 符号（此 ha
history模式的配置方法我们来看看官方文档是教我们怎么配置的：HTML5 History 模式。首先要将mode设置为 history：const router = new VueRouter({
mode: 'history',
routes: [...]
})nginxlocation / {
try_files $uri $uri/ /index.html;
}&n
转载
2024-04-26 16:42:40
142阅读
本地搭建了前端项目，但奈何有时候需要https访问的需求，所以做了一个尝试在本地（windows环境）下配置nginx，最终的效果就是搭建的时候，遇到两个问题：第一个是如果要在本地搭建https，必须需要证书，那么如何在本地生成证书。第二个是证书生成了以后，nginx如何配置。先说第一个问题1、需要下载一个生成证书的软件库包openssl，下载安装以后，会像npm或者是node一样，可以使用命令，
转载
2024-02-27 11:19:10
35阅读
最近有时间研究了下前端项目如何在nginx服务器下进行部署，折腾了两天总算有所收获，汗~~所以就想着写篇文章来总结一下，主要包括以下三个方面： 1、打包好的vue项目如何进行部署。2、如何反向代理后端服务接口。3、vue项目二级访问目录在nginx下的配置。 说明：nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围，后面的所有实践说明都是基于个人的本地
转载
2024-03-06 13:49:49
773阅读
user nginx;
原创
2021-06-02 19:29:40
587阅读
在Kubernetes（K8S）集群中配置多个Vue前端应用并使用Nginx进行代理是一个非常常见的场景。在本文中，我将向您介绍如何实现这一目标，并通过步骤说明来帮助您快速实现。首先，让我们通过以下步骤来了解整个流程：
| 步骤 | 操作 |
|------|--------------------------|
| 1 | 创建多个Vue前端应用
原创
2024-05-17 12:00:40
109阅读
