【nginx】关于前端项目部署的问题
前端用的是vue打包后部署在nginx服务器上，后端SpringBoot打包成jar包。本地部署一切正常。在axios上做了端口转发的配置，实际项目部署上线后，基本数据能获取到，但是一旦涉及到后台项目下的静态资源，比如上传的图片是放在后台webapp文件夹下的，那么就会产生404错误。这是为什么呢？后台已经做...
2024-01-10
nginx下多个项目配置转发
现在需要在一个老的angluar1.x项目中通过ifaram嵌套一个新的vue项目 老的项目的静态angluar采用的是nginx转发serve配置如下然后这个是我新写的vue项目静态启动地址vue.config.js相关配置vue项目设置路由的base地址下图是nginx新增的vue项目配置现在就说遇到点击进入http://localhost:9001/newAccount/#/accountList这个地址app.js...
2024-01-10
nginx php项目部署步骤
php项目部署到nginx的方法：首先安装“Nginx”和“php-fpm”；然后将项目复制到“nginx/html”文件下；接着修改配置文件；最后重新载入Nginx并启动“php-fpm”即可。Linux环境使用Nginx部署PHP项目一、安装Nginx和php-fpm二、部署项目①将你的项目复制到该文件下cd /usr/local/nginx/html②修改配置文件...
2024-01-10
nginx部署Vue项目接口404
vue的端口是8080，nginx按理来说是监听8080的但是请求的接口是404。下面是nginx的配置： server {listen 8080;server_name localhost;location / {add_header Access-Control-Allow-Origin *;root html;index index.html index.htm;}location /api {proxy_pass https://www.sxqcwx.com;}erro...
2024-01-10
vue.js项目nginx部署教程
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。二、编译部署1、项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多...
2024-01-10
Nginx快速部署vue项目
将vue项目交给Nginx其实也很简单，我们通过npm run build 命令打包后 会得到dist文件，如下，我们只需要将该文件夹下所有文件都copy到Nginx指定访问的目录下就好了，或者是将我们指定的Nginx访问路径指定到dist的目录也是一样的效果。 我们将build好的目录文件copy到 /soft/vue-test/目录下 编写Nginx配置文...
2024-01-10
Jenkins远程部署前端Vue项目
下载安装jenkins NodeJS Plugin 全局系统配置设置Node版本 在系统设置中配置远程服务器信息 创建一个自由风格任务cd /var/lib/jenkins/workspace/pay-adminnode -vnpm -vnpm installnpm run build:prodcd distrm -rf pay-admin.tar.gztar -zcvf pay-admin.tar.gz * deploy.sh 脚本内容如下#!/bin/bashtar -xzvf $1 -C $2fin...
2024-01-10
Docker nginx部署二级域名访问多个web项目
前言情况是这样的，我借了朋友的阿里云服务器 用docker 部署一下自己的网站（方便管理）。他的服务器自身也用nginx挂了一个网站，端口也用的是默认的80端口。服务器有域名，keep999.cn我的是docker里面添加的nginx容器，代理的静态网页。docker映射的是8080端口出来，所以，访问的话，需要keep999.cn:8080来...
2024-01-10
部署前端应用到路径的nginx配置问题？
项目部署到/app路径上，以下有两种nginx配置。可以正确访问到应用，但会从 /app 301 到 /app/，目前不希望出现跳转。server { listen 80; server_name ng.ct.com; expires 7d; location /app { root D:/code; index index.html; tr...
2024-02-08
记一次VUE项目在nginx上的部署经历
由于最近的项目需要全栈，其实接触vue有一段时间了，但至今仍然感觉是个小白，所以想借这次在nginx上部署vue项目的机会，给前端相关的博客开个头，可以从平时的总结中积累。首先当然是npm run build打包项目，生成static文件夹和index.html文件。然后一顿百度nginx如何部署vue项目，做做准备工作，过程...
2024-01-10
【nginx】nginx多个域名配置项目
#官网server {listen 80;server_name http://www.xxxx.com;location / {root /home;index index.html index.htm;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}}#appserver {listen 80;server_name http://www.app.xxxx.com;l...
2024-01-10
docker+nginx部署的前端问题？
docker+nginx部署的前后端分离项目，如果我nginx没有配置代理的话就可以打印index.html的内容但是空白页面，我一旦nginx代理了，就报系统异常，是怎么回事呀没有启用nginx代理的情况启用nginx代理的情况能部署上docker前端页面也不至于空白页面呀，后端已经部署上docker上并用postman测试了能调用数据回答：尝试下在root以/结尾回答：我没看明白你ngin...
2024-02-25
nginx代理部署Vue与React项目
一,介绍与需求 1.1,介绍Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP...
2024-01-10
nginx 部署vue 以及同一端口下部署监听多个vue 项目
场景一 打包vue 命令： npn run build 项目目录下dist文件夹 nginx 部署 找到nginx conf目录下nginx.conf文件 location /{ root 打包后dist文件所在目录 index index.html } 由于项目请求采用前后分离 那么采用代理形式 那么api方式代理请求 location /api...
2024-01-10
【nginx】前后端未分离的项目如何打包上线
公司发了一个文件给我,让我部署到阿里云服务器,我用宝塔的话 只能首页有用,我点击别的页面,页面就丢失了 是不是需要怎么打包才可以呀?文件如下回答...
2024-01-10
用nginx在同一服务器端口下部署多个项目，第二个项目打开后页面空白？
1.问题概括：按照这篇文章的做法，用nginx在在服务器同一端口下部署多个项目，结果发现，第一个项目正常运行，第二个项目打开后页面空白。2.服务器上项目文件夹的结构：/home 路径下有两个如下的项目文件夹：MiniProgram-Admin|--client|--static|--index.html|--serverVue-mall其中，MiniProgram-Admin是第二个项...
2024-01-10
nginx一个端口部署多个地址，css、js等文件404
具体需求就是在当前域名下的/doc/地址映射到其他vue项目以下是nginx.conf配置文件server { listen 80;#监听端口 server_name localhost;#域名 index index.html index.htm index.php; root nginx/html;#站点目录 location / { roo...
2024-02-12nginx和网站上的多个网站可用
基本安装nginx后，您的sites-available文件夹只有一个文件：default该sites-available文件夹如何工作，我将如何使用它托管多个（单独的）网站？回答：只需添加另一种方法，您就可以为托管的每个虚拟域或站点使用单独的文件。您可以将默认副本作为每个副本的起点，并为每个站点进行自定义。然后在启用...
2024-01-10
vue+uwsgi+nginx部署luffty项目
在部署项目之前本人已经将前端代码和后端代码发布在了一个网站上，大家可自行下载，当然如果有Xftp工具也可以直接从本地导入。django代码https://files.cnblogs.com/files/pyyu/luffy_boy.zipvue代码https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip在linux上直接下载wget https://files.cnblogs.com/files/pyyu/luffy_boy.zipwget h...
2024-01-10
Linux--部署Django+DRF+vue项目
前戏在nginx里已经部署了前端项目，现在还需要部署后端项目后端项目使用django+DRF，虚拟环境用的 pipenv配置数据库，安装依赖环境等省略部署拉取最新的代码git pull origin master进入虚拟环境pipenv shell安装uwsgi[root@HH ManageSystem]# pipenv install -i https://pypi.douban.com/simple uwsgiManageSystem为我的django项目名...
2024-01-10
【nginx】一个站点，整合多个成熟产品的部署方案？
最近准备做一个站点。这个站点，要用到商城，论坛，CMS等但是类似这些都有成熟的产品。需要把这些整合在一起形成一个站点。假设都是php的产品。服务器用nginx。域名指向: /var/www在没有测试的情况下，我想了两个方案方案1:在www目录shop下是商城系统，bbs下是discuz，根目录下是cms每一个项目都要...
2024-01-10解决vue项目nginx部署到非根目录下刷新空白的问题
1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2024-01-10
jenkins自定打包部署React前端项目遇到的问题。
环境：本地WINDOWS环境Jenkins插件：nodesjs经过调试发现是构建的时候的脚本有问题，哪位大神能帮忙看下问题出在哪里：回答是不是路径空格的问题...
2024-01-10
解决Nginx + Docker 部署前后端分离项目访问空白问题？
很奇怪 使用nginx+docker部署的前后端分离项目 部署上去之后访问的时候出现空白也没有报错，然后按照网上的教程，改了vue的配置文件。也没有效果，不管前面加了点还是没加就是出现不了页面，都是空白的 不知道是什么导致了 很迷茫 有懂的吗 帮忙解决一下呗!改了vue的打包配置 不管是加了点还是没加都显示不出页面 回答：看上去nginx这样配置是不至于出现空白页面的。js错误了控制台应该会有...
2024-02-06
Nginx部署Nuxt项目请求传递和资源映射问题
最近终于把博客用 Nuxt 重构完了，作为一个跟 nuxt 共处了一个月的猛男，我可以说这框架可以的：SSR解决方案非常巧妙，难度也不大，熟记其生命周期后靠官方文档很快就能上手。如果你有 SEO 的需要完全可以尝试一波但是在前后端对接和最后部署的时候 nuxt 还是比较多坑的，而且是挺大的那种，这...
2024-01-10
