nginx部署vue前端，刷新出现404或者500错误的解决方案

在nginx配置文件的server下加上 try_files $uri $uri/ /index.html; 不加的话是404,路径错误是500,这里的路径只要照着/index.html就行,不用加上具体部署的位置…

部署基于.netcore5.0的ABP框架后台Api服务端，以及使用Nginx部署Vue+Element前端应用

前面介绍了很多关于ABP框架的后台Web API 服务端,以及基于Vue+Element前端应用,本篇针对两者的联合部署,以及对部署中遇到的问题进行处理.ABP框架的后端是基于.net core5.0 的Asp.net core 应用,因此和常规的Asp.net core 应用部署一样:而Vue+Element前端应用则是基于nodejs的应用,部署方式又有所不同,这里介绍基于Nginx的部署. 1.部署基于.netcore5.0的ABP框架后台Api服务端 1)安装.net core 环境在…

nginx部署vue项目

nginx是一个高性能的HTTP和反向代理服务器.因此常用来做静态资源服务器和后端的反向代理服务器.本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建. 打包vue项目 npm run build 通过上面命令后打包好的静态资源将输出到dist目录中.如图所示安装nginx 到nginx官方下载系统相关的nginx版本安装 windows环境下载相应的windows版本解压,解压后如图所示启动命令: cd D:\ProgramFiles…

基于vue+springboot+docker网站搭建【五】部署vue前端项目

部署vue前端项目一.下载项目到本地 https://github.com/macrozheng/mall-admin-web 二.npm install 三.修改api配置,改为你接下来要部署的后台项目的ip:port 四.编译打包五.部署蒋dist文件夹压缩成 dist.tar.gz 安装远程复制工具 yum -y install lrzsz 进入nginx文件夹:cd mydata/nginx/ 执行拷贝命令将本地dist文件拷贝到 nginx文件夹下:rz 解压:tar -z…

自定义 404 与 500 错误页面，URL 地址不会重定向（一）

对于 404 与 500 错误发生时,我们希望自己定义一个更加人性化的页面. 例子当访问下面这个地址时: http://localhost/aaaa/bbb/ccc/ddd/eee/fff/ggg 浏览器的 URL 不变,依然是 http://localhost/aaaa/bbb/ccc/ddd/eee/fff/ggg 但页面显示的是我们自定义的错误页面. 一.在 web.config 里增加以下节点. <system.webServer> <httpErrors errorMode=…

SpringBoot自定义错误页面，SpringBoot 404、500错误提示页面

SpringBoot自定义错误页面,SpringBoot 404.500错误提示页面 SpringBoot 4xx.html.5xx.html错误提示页面 ================================ ©Copyright 蕃薯耀 2018年3月29日 http://www.cnblogs.com/fanshuyao/ 附件&源码下载见:http://fanshuyao.iteye.com/blog/2414828 一.SpringBoot 404.500错误提示页面 1.…

CentOS7 安装nginx部署vue项目

简单描述:代码开发完了,需要环境来运行测试.服务器上没有nginx,搞起搞起. 在Centos下,yum源不提供nginx的安装,可以通过切换yum源的方法获取安装.也可以通过直接下载安装包的方法,**以下命令均需root权限执行**: 首先安装必要的库(nginx 中gzip模块需要 zlib 库,rewrite模块需要 pcre 库,ssl 功能需要openssl库).选定**/usr/local**为安装目录,以下具体版本号根据实际改变. 安装:1.安装gcc gcc-c++(如新…

Nginx 自定义404、500错误页面跳转

自定义Nginx错误界面跳转 1.开启Nginx.conf配置文件下的自定义接口参数. http { fastcgi_intercept_errors on; } 2.在Server区域添加自定义的错误页. # 调用指定错误文件 server { error_page /.html } # 调动指定错误访问地址 server { error_page =http://www.xxx.com/404.html } 3.重启测试注:500错误与404处理方式相同.error_page 500 5…

jQuery uploadify上传文件404，500错误

1.如果部署到了IIS7的话,IIS7默认的大小为3000000.修改方法如下: 找到网站双击“请求筛选”——右边找到“编辑功能设置”——将“允许的最大内容长度”改成你想要的就行了. 2.当上传大文件时,.net中在开发的时候默认是4M的,如果大于这个数的话会报500错误.解决方法如下: 在web.config中添加如下内容: <system.web> <httpRuntime maxRequestLength=" /> </system.web>…

【转载】ASP.NET自定义404和500错误页面

在ASP.NET网站项目实际上线运行的过程中,有时候在运行环境下会出现400错误或者500错误,这些错误默认的页面都不友好,比较简单单调,其实我们可以自行设置这些错误所对应的页面,让这些错误跳转到我们指定的路径.此文将介绍如何在ASP.NET项目中设置404错误和500错误为例. 首先我们可以到网上下载到一些优美的404错误页面或者500错误页面的HTML模板,或者你也可以自行制作个HTML模板.然后将该页面放入到你的网站项目中,如果你的项目为WebForm项目,则你将需要新建一个Error.A…

django的404，500错误自定义页面的配置

django404,500错误自定义页面: 1.设置settings文件 DEBUG = False ALLOWED_HOSTS = ['127.0.0.1', 'localhost']或者ALLOWED_HOSTS = ['*'] 2.配置urls文件 from django.conf.urls import handler404, handler500 handler404 = "login.views.page_not_found"(handler404 = "你的ap…

关于nginx部署vue项目的两个问题

首先我使用的是后端接口+前端vue的形式,这样就涉及到跨域的问题.我是这样配置的: server { listen 80; server_name www.liangyp.xyz;//访问网址 location / { root /var/www/VueApp; index index.html index.htm; } //这里是配置的如果访问apis则是转到后端接口,这样就避免了跨域 location /apis { rewrite ^/apis/(.*)$ /$1 break; proxy…

nginx部署vue工程和反向代理nodejs工程

前端是vue,后端是nodejs 前端打包成dist目录,后端接口是localhost:4000/api server { listen 80; #listen [::]:80; server_name yourdomain; index index.html; root /home/wwwroot/yourfolder/dist; # vue router开启了history 模式,nginx匹配不到的路由,就返回index.html,这样不报404 location / { try_file…

nginx部署vue项目解决方案

给前端同事部署了web项目之后,访问发现除了index.html可以访问,其他的路径使用了“伪静态”.比如访问:http://localhost:8081/user/login,访问即报404错误,这个实际上是请求HTML相关资源而非后台接口,后面网上查了相关资料找到了解决办法. upstream portalServer { server 192.168.1.1:8080; } server { listen 8081; server_name localhost; root /usr/loc…

Docker镜像+nginx 部署 vue 项目

一.打包vue项目在开发完的vue项目输入如下命名,打包生成dist文件夹 yarn build / npm run build 此时根目录会多出一个文件夹:dist文件夹,里面就是我们要发布的东西. 如果将该dist目录整个传到服务器上,部署成静态资源站点就能直接访问到该项目. 二.获取nginx 镜像 nginx 是一个高性能的HTTP和反向代理服务器,此处我们选用 nginx 镜像作为基础来构建我们的vue应用镜像. 在终端输入: docker pull nginx 即可以获取到ngin…

Centos7 使用nginx部署vue项目

一.安装nginx #设置源 sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm #安装 yum install -y nginx #启动服务 systemctl start nginx.service #关闭服务 systemctl stop nginx.service #开机自启 systemctl enable nginx.servi…

jenkins 自动化部署vue前端+java后端项目进阶一

今天又不想写了,那么我来将我参考的文章直接分享给大家好了,大家也可以直接进行参考: 这里以centos7为例搭建自动化部署项目: 1.搭建部署前端服务代理nginx: 借鉴于:https://blog.csdn.net/wdy0078/article/details/121902965 2.下载安装NodeJS 运行测试并对前端代码打包(打包命令使用npm install 安装依赖插件,2.使用npm直接运行调试,3,使用npm进行打包) 借鉴于:https://blog.csdn.net/u0…

Window 使用Nginx 部署 Vue 并把nginx设为windows服务开机自动启动

1.编译打包Vue项目在终端输入 npm run build 进行打包编译.等待... 打包完成生成dist文件夹,这就是打包完成的文件. 我们先放着,进行下一步. 2下载Nginx 下载地址: http://nginx.org/en/download.html 下载完成解压就可以了.由于我这个腾讯云服务,只有一个C盘,我就放在C盘根目录下,放其他目录下也是一样的. 接下来把Nginx设置为windwos服务每次重启,我们都需要手动的启动一下服务,对我们运维很不方便. 1.我们使用 win…

docker部署vue前端

1.下载安装nginx image docker pull nginx:latest 2.准备将编译后的代码上传到主机上 3.编写dockerfile, nginx conf,并创建镜像 Dockerfile FROM nginx:latest MAINTAINER hzh RUN rm /etc/nginx/conf.d/default.conf ADD default.conf /etc/nginx/conf.d/ COPY www/ /var/www/frontend/ default.c…

04: nginx部署vue

1.1 基本配置 server { listen 9000; server_name 1.1.1.3; #access_log logs/access_example.log main; root /home/work/project/frontopwf/dist; location / { try_files $uri $uri/ @router; } location @router { rewrite ^.*$ /index.html last; } } #前后端分离nginx配置 ser…

Nginx部署vue项目的配置

. 官网下载 http://nginx.org/en/download.html 选择stable version nginx/Windows-1.14.1 pgp . 解压然后配置环境变量,如果环境变量配置无效,启动时请在nginx文件夹中打开命令窗口 . 打开一个命令窗口输入start nginx启动服务(停止服务 nginx -s stop) .打开文件中的conf=>nginx.conf更改配置,更改监听的端口号 . 注释掉图中红点处 . 在conf文件夹下新建一个conf.d文件夹…

nginx部署vue跨域proxy方式

server { listen 80; charset utf-8; #server_name localhost; server_name you_h5_name; ###VUE项目H5域名 error_log /tmp/error.log; location /api { rewrite ^.+api/?(.*)$ /$1 break; proxy_redirect off; proxy_set_header Host you_server_name; #####你接口域名 proxy_se…

nginx部署VUE跨域访问api

H5端配置跨域 nginx跨域配置 server { listen 80; charset utf-8; server_name you_dome_name;#location /tasklist.jsp { #这个没用.这是我们的业务需求#rewrite /webpage/task/tasklist.jsp /dist/index.jsp;#} location / { try_files $uri $uri/ /index.html; root /application…

Centos+Nginx部署Vue项目

1.项目打包生成dist文件夹在项目根目录下打开cmd窗口,输入命令 npm run build //生成dist文件夹 2.将dist文件夹上传到centos7 使用scp命令或者用远程连接工具将打包好的dist文件夹上传到服务器或者虚拟机的某个位置. 打开cmd命令输入: scp -r E:\\dist root@192.168.3.5:/home/dist 输入root 用户密码,等待上传成功即可 E:\dist 为dist所在目录 root 为虚拟机root用户 192.168.3…

nginx 部署vue

server { listen 80; server_name localhost; root /www/meiduo_admin/dist; access_log /var/log/nginx/admin_access.log; error_log /var/log/nginx/admin_error.log; location / { try_files $uri $uri/ @router; index index.html index.htm; } location @router {…

Nginx部署vue多项目

server { listen 80; server_name test.hehe.com; location /riskcontrol { root /data; try_files $uri $uri/ /riskcontrol/index.html; access_log /app/logs/riskcontrol.log; } location /buyloan { root /data; try_files $uri $uri/ /buyloan/index.html; access_…