# Docker 部署 Vue.js + Nginx 解决 404 问题
## 背景
Vue.js 是一款流行的前端框架，而 Nginx 则是一款高性能的 Web 服务器。在使用 Docker 部署 Vue.js 应用时，经常会遇到 404 页面找不到的问题。本文将介绍如何使用 Docker 部署 Vue.js 和 Nginx，并解决 404 问题。
## 准备工作
在开始部署之前，你需要
原创
2023-07-20 17:51:22
414阅读
VueJs为客户端语言，所以部署的时候是不需要基于nodejs或其他服务器运行环境，只需要像其他静态站点的方式发布就可以了，下面介绍一下VueJs具体发布的流程还有需要注意的点。 先来看VueJs最终生成的文件目录： 具体的步骤如下： 1.vue项目根目录/config/index.js更改资源生成
原创
2022-01-25 18:27:44
460阅读
VueJs为客户端语言，所以部署的时候是不需要基于nodejs或其他运行环境，只需要像其他静态站点的方式发布就可以了，下面介绍一下VueJs具体发布的流程还有需要注意的点。 先来看VueJs最终生成的文件目录： 具体的步骤如下： 1.vue项目根目录/config/index.js更改资源生成
原创
2022-02-14 15:01:58
234阅读
前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后，打包生成的文件
转载
2022-11-14 10:29:02
83阅读
学习参考网址：http://www..com/keepfool/p/5619070.html v-if/v-show指令 v-if/v-show的区别是：v-if 判断false以后 元素直接不反应到HTML，v-show 始终会被渲染到HTML，它只是简单地为元素设置CSS的styl
转载
2016-10-20 11:51:00
931阅读
2评论
VueJS
第一步，安装node.js安装包下载地址：https://nodejs.org/en/安装包下载安装完成后，在命令行使用 node -v 查看node版本，判断是否安装成功。
第二步，安装vue脚手架安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack：npm install we
原创
2021-12-27 17:25:34
409阅读
server { listen 8080; server_name localhost; root "D:/phpstudy_pro/WWW/dist"; location / { index index.php index.html; error_page 400 /error
原创
2021-12-23 10:27:12
969阅读
1.通常，当事件发生时，JavaScript 可以执行代码。
在 HTML 页面中插入 JavaScript使用 <script> 标签。<script> 和 </script> 之间的代码行包含了 JavaScript:
HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。
Javascript事件可以用于处理表单验证，用户输入，用户行为及浏览器动作。
转载
2023-06-14 18:51:23
111阅读
【部署后台管理vue项目】1、准备工作(0)版本kubesphere3.1.1 kubernetes1.20.4(1)准备DockerfileFROM nginx
#将dist目录内容复制到nginx容器html内部
COPY dist /usr/share/nginx/html/
EXPOSE 80(2)准备deploy.ymlapiVersion: apps/v1
kind: Deploy
转载
2024-04-13 00:19:26
177阅读
一、应用原理解析-- 负载均衡、当用户访问量非常大时，我们需要使用多台Tomcat来构成集群，由Nginx负责将负载分摊到每一台Tomcat服务器上。二、协调 -- Tomcat集群搭建搭建Tomcat集群的基本思路是把Tomcat解压目录复制多份，然后让每一份Tomcat分别使用不同端口号即可。启动时分别进入自己的bin目录执行startup.sh即可。需要修改端口号的文件是server.xml
转载
2024-04-28 14:34:48
70阅读
1.安装检查依赖环境nginx的安装依赖于 gcc,pcre,openssl,zlib等主要环境，需要检查是否安装了这些环境 1.gcc --version检查gcc是否安装了 2.openssl version -a 检查openssl 是否安装了 3.rpm -qa pcre 检查pcre 是否安装了 4.find /usr -name zlib.pc 查看zlib是否安装 cat /usr/
转载
2024-06-22 16:23:09
168阅读
文章目录一、PHP的安装和部署二、PHP的配置1、PHP配置文件的生成和修改（php-fpm.conf）2、文件www.conf的生成3、文件php.ini的生成4、php-fpm.service服务的systemctl开启三、PHP+Nginx服务1、修改nginx配置文件2、编写php发布文件3、添加环境变量四、PHP添加memcache模块1、下载memcache2、安装和部署memcac
转载
2024-04-07 13:01:41
682阅读
目录一、关于Nginx二、编译安装Nginx服务三、认识Nginx服务的主配置文件 nginx.conf四、访问状态统计配置五、基于授权的访问控制六、基于客户端的访问控制一、关于Nginx一款高性能、轻量级Web服务软件 稳定性高 系统资源消耗低 对HTTP并发连接的处理能力高 单台物理服务器可支持30000~50000个并发请求二、编译安装Nginx服务1、关闭防火墙将nginx所需软件包到/o
转载
2024-03-21 19:14:35
115阅读
服务器部署：[TOC]一、Nginx1、安装nginxsudo apt-get install nginx2、查看安装情况：# 查看nginx
ps -ef|grep nginx
#root 1532 1239 0 17:54 pts/0 00:00:00 grep nginx
# 查看安装的情况
nginx -v
# 查看nginx.conf配置文件目录，找到配置文件，然后
转载
2024-03-26 06:00:35
316阅读
一、简单介绍由俄罗斯程序员IgorSysoev研发，2004年开源公布，特点是：内存cpu占用低，并发能力强，稳定，配置示例，反向代理；互联网企业 70%以上公司都在使用 nginx； 二、安装1、下载地址 三、配置1、配置结构（借用地址） 全局块该部分配置主要影响Nginx全局，通常包括下面几个部分：配置运行Nginx服务器用户（组）,worker pr
转载
2024-05-06 10:19:48
10阅读
最近几天研究了一下运行flask应用的方式，所以就总结一下。 内容包括nginx+uwsgi部署flask应用，但是也包括一下其它的相关内容。一、使用flask自带的web server当我们完成一个flask应用的时候，通常会添加下面这段代码。if __name__ == '__main__':
app.run('127.0.0.1', 8080)这就是以flask自带的web_serv
转载
2024-05-31 13:43:17
142阅读
使用环境:CentOS，准备好需要的源码包,这里使用包编译如下：zlib-1.2.11.tar.gz，pcre-8.39.tar.gz，openssl-1.0.2k.tar.gz
#NGINX编译安装不需要单独编译每个依赖包,记住解包路径即可,这里使用/usr/local/src/
nginx-1.10.2.tar.gz：./configure --prefix=/usr/local/nginx
转载
2024-08-20 17:19:56
120阅读
nginx的具体应用有哪些？1. 部署静态资源nginx可以作为静态web服务器来部署静态资源。静态资源是指在服务端真实存在并且能够直接展示的一些文件，比如常见的html页面、css文件、js文件、图片、视频等资源。为什么使用nginx部署静态资源呢？ 因为相较于tomcat，nginx处理静态资源的能力更加高效，所以在生产环境下，一般都会将静态资源部署到nginx中。而且，将静态资源部署到ngi
转载
2024-02-05 02:04:31
41阅读
Nginx配置web服务器及部署反向代理配置web服务器location语法部署反向代理代理转发 配置web服务器项目部署到linux上的静态文件代理给Nginx处理。当访问服务器IP时，可以自动返回静态文件主页。主配置文件中server块对应的次配置include /etc/nginx/conf.d/*.conf，也就是/etc/nginx/conf.d/目录下的配置文件，可以在该目录下新增一
转载
2024-02-26 16:50:57
92阅读
前几天利用flask 写了几个调用salt-api 的接口，需要上线到正式环境，搜了一下 都是 用 nginx + uwsgi 来部署，这里记录下关键的配置项。1.首先将代码上传到服务器上目录为：/home/www/wwwroot/salt-api2.配置服务器代理使用的代理一共有两个，nginx和uwsgi，先说明一下，如果不用nginx一样可以访问你的项目，使用nginx的目的是为了安全和负载
转载
2024-08-19 12:27:02
33阅读
