【nginx】关于前端项目部署的问题
前端用的是vue打包后部署在nginx服务器上,后端SpringBoot打包成jar包。本地部署一切正常。在axios上做了端口转发的配置,实际项目部署上线后,基本数据能获取到,但是一旦涉及到后台项目下的静态资源,比如上传的图片是放在后台webapp文件夹下的,那么就会产生404错误。这是为什么呢?后台已经做...
2024-01-10如何在nginx同一端口下部署多个vue项目
本文已在我的公众号上发布,更多原创技术文章,请关注我的公众号“字节逆旅”如题,项目部署我们都经历过,这个过程也是十面埋坑。其实部署vue应用比较简单了现在,特别是cli3出来后,比以前要容易多了。这里记录一次在nginx同一端口下部署多个vue应用的过程。nginx用来做代理很好用,可以解决...
2024-01-10nginx下多个项目配置转发
现在需要在一个老的angluar1.x项目中通过ifaram嵌套一个新的vue项目 老的项目的静态angluar采用的是nginx转发serve配置如下然后这个是我新写的vue项目静态启动地址vue.config.js相关配置vue项目设置路由的base地址下图是nginx新增的vue项目配置现在就说遇到点击进入http://localhost:9001/newAccount/#/accountList这个地址app.js...
2024-01-10vue 项目部署到nginx
第一步在控制台终端输入npm run build打包完成之后项目中会生成一个dist文件夹,直接访问里面的index.html就ok了第二步配置nginx第三步重启nginxservice nginx stopservice nginx start...
2024-01-10nginx部署vue打包项目
我又来了,今天部署了下vue项目,使用nginx做了代理,这样可以解决跨域的问题,这里做一个简单讲解。1、先看vue项目打包(我这里使用的是vscode开发工具)这里是我的项目结构:打包之前需要修改如下配置文件:配置文件一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静...
2024-01-10nginx php项目部署步骤
php项目部署到nginx的方法:首先安装“Nginx”和“php-fpm”;然后将项目复制到“nginx/html”文件下;接着修改配置文件;最后重新载入Nginx并启动“php-fpm”即可。Linux环境使用Nginx部署PHP项目一、安装Nginx和php-fpm二、部署项目①将你的项目复制到该文件下cd /usr/local/nginx/html②修改配置文件...
2024-01-10Linux下部署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-10vue.js项目nginx部署教程
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。二、编译部署1、项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多...
2024-01-10Jenkins远程部署前端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部署前端应用到路径的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-10nginx代理部署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-10nginx 部署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-10nginx一个端口部署多个地址,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-10vue+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-10Linux--部署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-10docker部署前端nginx跨域不生效怎么回事?
这是我的default.config文件设置但是怎么搞我的线上项目请求都是跨域状态回答:这里nginx虽然代理了3344端口的后端,但是前端请求的时候还是直接访问的3344这个服务。这里需要前端改一下配置,访问接口的时候不用再加3344端口了。回答:你监听的是哪个端口就应该访问的是哪个端口,如果你使用的是默认配置一般监听是80端口,也就是不需要加端口号的情况,URL里不要带上3344,反向代理...
2024-03-14【nginx】一个站点,整合多个成熟产品的部署方案?
最近准备做一个站点。这个站点,要用到商城,论坛,CMS等但是类似这些都有成熟的产品。需要把这些整合在一起形成一个站点。假设都是php的产品。服务器用nginx。域名指向: /var/www在没有测试的情况下,我想了两个方案方案1:在www目录shop下是商城系统,bbs下是discuz,根目录下是cms每一个项目都要...
2024-01-10使用nginx部署vue项目出现跨域问题,如何解决?
server { listen 80; server_name 192.168.160.36; #charset koi8-r; #access_log logs/host.access.log main; location / { root html/dist; try_files $uri $ur...
2024-03-03解决vue项目nginx部署到非根目录下刷新空白的问题
1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。...
2024-01-10