【nginx】关于前端项目部署的问题
前端用的是vue打包后部署在nginx服务器上，后端SpringBoot打包成jar包。本地部署一切正常。在axios上做了端口转发的配置，实际项目部署上线后，基本数据能获取到，但是一旦涉及到后台项目下的静态资源，比如上传的图片是放在后台webapp文件夹下的，那么就会产生404错误。这是为什么呢？后台已经做...
2024-01-10
如何在nginx同一端口下部署多个vue项目
本文已在我的公众号上发布，更多原创技术文章，请关注我的公众号“字节逆旅”如题，项目部署我们都经历过，这个过程也是十面埋坑。其实部署vue应用比较简单了现在，特别是cli3出来后，比以前要容易多了。这里记录一次在nginx同一端口下部署多个vue应用的过程。nginx用来做代理很好用，可以解决...
2024-01-10
nginx部署vue打包项目
我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1、先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需要修改如下配置文件：配置文件一：build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静...
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
Linux下部署Django项目
Linux 下部署Django项目 说明：本文所使用的环境为CentOS 6+Python2.7+Django1.11安装Django、Nginx和uWSGI1.确定已经安装了2.7版本的Python； 2.安装python-devel yum install python-devel 3.安装uwsgi pip install uwsgi测试uwsgi是否能正常工作1.新建一个index.py；# index.pydef application(env, start_response): start_re...
2024-01-10
nginx——安装部署vue项目
下载下载nginx https://nginx.org/en/download.html 解压安装包即可使用，目录如下：|-- conf #这是nginx所有配置文件的目录，极其重要 |-- fastcgi.conf |-- fastcgi_params |-- koi-utf |-- koi-win |-- mime.types #媒体类型， |-- nginx.conf #配置主文件，端口、路径映射都需要在这里配置 ...
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
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
记一次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
部署前端应用到路径的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
docker+nginx部署的前端问题？
docker+nginx部署的前后端分离项目，如果我nginx没有配置代理的话就可以打印index.html的内容但是空白页面，我一旦nginx代理了，就报系统异常，是怎么回事呀没有启用nginx代理的情况启用nginx代理的情况能部署上docker前端页面也不至于空白页面呀，后端已经部署上docker上并用postman测试了能调用数据回答：尝试下在root以/结尾回答：我没看明白你ngin...
2024-02-25
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上部署ThinkPHP项目教程
前段时间用Apache配合TP开发了一个小型网站，也算是我使用TP的第一次实战。我习惯使用pathinfo模式，本地运行一切正常，然而部署到服务器上时，由于对方使用的是Nginx，默认是不支持ThinkPHP的pathinfo模式，所以导致路径错误，出现了页面循环跳转的问题，于是就把nginx下载下来在本地亲自测试。 ...
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
docker部署前端nginx跨域不生效怎么回事？
这是我的default.config文件设置但是怎么搞我的线上项目请求都是跨域状态回答：这里nginx虽然代理了3344端口的后端，但是前端请求的时候还是直接访问的3344这个服务。这里需要前端改一下配置，访问接口的时候不用再加3344端口了。回答：你监听的是哪个端口就应该访问的是哪个端口，如果你使用的是默认配置一般监听是80端口，也就是不需要加端口号的情况，URL里不要带上3344，反向代理...
2024-03-14
关于将打包后的vue项目部署到nginx的相关问题
我想知道 通过nginx代理过后 如何把请求时请求地址中的api去掉 就像vue配置文件中重写路径差不多的1.nginx配置文件server { listen 8070; server_name localhost; location / { root D:/bs/qianduan/million-project/dist; ...
2024-02-06
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
【nginx】一个站点，整合多个成熟产品的部署方案？
最近准备做一个站点。这个站点，要用到商城，论坛，CMS等但是类似这些都有成熟的产品。需要把这些整合在一起形成一个站点。假设都是php的产品。服务器用nginx。域名指向: /var/www在没有测试的情况下，我想了两个方案方案1:在www目录shop下是商城系统，bbs下是discuz，根目录下是cms每一个项目都要...
2024-01-10
