针对很多朋友反映按照教程的做法始终只能看到 Nginx 欢迎页面的问题，Tian Pengfei sanyuwen 给出了很好的建议。如果你也被类似问题困扰，不妨尝试一下这个建议。这个问题也困扰了很久，最终发现是sites-enabled文件夹里默认的default文件中的配置覆盖了自己写的配置，导致配置不生效，把default文件删掉就可以正常被nginx过去了，亲测有效我们的基础功能已
一、在windows系统上安装Nginx下载地址：http://nginx.org/en/download.html 将其解压到你自己的文件夹中，比如：C:\nginx-1.25.2。注意nginx的解压路径不能存在中文，否则nginx服务会无法正常启动的哈。解压后目录如下：二、启动nginx方法：运行cmd，使用命令进行操作，不要直接双击nginx.exe，不要直接双击nginx.exe，不要直
转载
2024-10-22 10:47:30
302阅读
# 项目方案：使用 Docker 部署 Vue 应用并通过 Nginx 代理以及配置 VUE_APP_BASE_API
## 1. 项目背景和需求
在开发 Vue 应用的过程中，我们经常需要将应用部署到不同的环境中，例如开发环境、测试环境和生产环境。而不同环境的配置可能会有所不同，包括后端 API 的地址。为了简化部署过程并增加代码的可维护性，我们可以使用 Docker 来打包和部署 Vue
原创
2024-01-26 11:57:02
531阅读
###一、nginx的安装 安装步骤 安装前环境准备 1：下载nginx安装包nginx-1.17.5（当前最新），并上传到服务器上 这样上传到/root/2：因为Nginx以来与gcc的编译环境，所以，在mini centos中需要安装编译环境来使Nginx能够编译起来yum install gcc-c++3：Nginx的http模块需要使用pcre来解析正则表达式yum -y install
转载
2024-06-19 20:49:48
32阅读
随笔Vue项目打包1，首先先进入vue项目中键入npm run build 打包项目npm run build然后在项目的根目录下dist文件夹，里面通常有一个static文件夹及index.heml页面也是项目的入口。2，将项目scp 到linux中，如果使用的xshell连接的虚拟机可以在下载个xftp连接一下传文件比较方便，如果没有即在windows环境下使用cmd命令连接虚拟机进行传输项目
转载
2023-08-22 21:56:08
178阅读
一.项目部署1.router(history)模式vue项目部署到nginx（1）部署在根目录1）修改router模式为history（默认为hash）const router = new VueRouter({
routes,
mode: 'history'
});对路由模式不清楚的小伙伴，可以看这篇vue-router路由模式详解2）修改config/index.js，build下静态
转载
2024-04-29 09:47:54
1497阅读
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阅读
背景：做一个前后端分离的项目，使用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阅读
一、vue-cli4 配置gzip文件处理1、第一步安装插件依赖，现在最新版本为7，实测有兼容问题，暂时使用5npm i compression-webpack-plugin@5.0.1 --save-dev2、在vue.config.js文件中配置const CompressionWebpackPlugin = require("compression-webpack-plugin");
//c
转载
2024-06-25 15:57:34
101阅读
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808; server_name localho
1.请检查你的FastCGI进程是否启动2.FastCGI进程不够使用
请通过执行 netstat -anpo | grep "php-cgi" | wc -l 判断，是否接近你启动的FastCGI进程，接近你的设置，表示进程不够
3.执行超时
请把
fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_tim
转载
2024-05-24 18:33:50
122阅读
先说结论官方给出了nginx的解决方案location / {
try_files $uri $uri/ /index.html;
}1. 背景介绍vue项目只有一个组件，路由模式是history，路由中有一个根路径重定向配置，路由配置如下const routes = [
{
path: '/',
redirect: '/index'
},
{
path:
转载
2024-06-20 12:44:53
305阅读
docker 部署nginx+vue
转载
2023-05-18 19:24:34
41阅读
记录 vue 项目打包的一些事情首先声明项目都是由 vue-cli 生成;vue 项目从 dev 切换到 prod 时有很多地方需要注意;首先是大家最需要注意的 ajax 切换环节 以前一开始用 Vue 的时候我是在 build 之后,手动修改 ajax 的请求前缀 比如现在我使用的 axios,js axios.defaults.baseURL = 'api' 但是打包的时候一般都要改动 url
1、部署nginx1.1、下载源码查看nginx包路径：http://nginx.org/download/1.2、解压tar xvf nginx-1.16.1.tar.gz -C /usr/local/src/1.3、安装相应的开发工具yum groupinstall "Development tools"
yum -y install gcc wget gcc-c++ automake au
转载
2024-06-12 22:37:27
137阅读
在本次使用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阅读
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阅读
Nginx定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外，NGINX还可以用作电子邮件（IMAP，POP3和SMTP）的代理服务器以及HTTP，TCP和UDP服务器的反向代理和负载平衡器。特点更快高扩展性, Nginx的模块都是嵌入到二进制文件中执行高可靠性低内存消耗
1.下载nginx 首先需要在服务器里下载nginx apt-get install nginx2.检查安装情况 检查nginx是否安装，输入如下命令后若出现版本号则安装成功 nginx -v3.启动nginx 有两种启动方式 ①server nginx restart ②在nginx的目录去启动 比如我的nginx装在 /home/xyx/Desktop/nginx 则输入nginx -c /h
转载
2024-02-19 01:39:44
136阅读
