vue 项目部署到nginx
第一步在控制台终端输入npm run build打包完成之后项目中会生成一个dist文件夹，直接访问里面的index.html就ok了第二步配置nginx第三步重启nginxservice nginx stopservice nginx start...
2024-01-10
nginx部署vue打包项目
我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1、先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需要修改如下配置文件：配置文件一：build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静...
2024-01-10
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 ...
2024-01-10
Nginx快速部署vue项目
将vue项目交给Nginx其实也很简单，我们通过npm run build 命令打包后 会得到dist文件，如下，我们只需要将该文件夹下所有文件都copy到Nginx指定访问的目录下就好了，或者是将我们指定的Nginx访问路径指定到dist的目录也是一样的效果。 我们将build好的目录文件copy到 /soft/vue-test/目录下 编写Nginx配置文...
2024-01-10
如何在nginx同一端口下部署多个vue项目
本文已在我的公众号上发布，更多原创技术文章，请关注我的公众号“字节逆旅”如题，项目部署我们都经历过，这个过程也是十面埋坑。其实部署vue应用比较简单了现在，特别是cli3出来后，比以前要容易多了。这里记录一次在nginx同一端口下部署多个vue应用的过程。nginx用来做代理很好用，可以解决...
2024-01-10
vue.js项目nginx部署教程
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。二、编译部署1、项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多...
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 笔记
解决跨域：开发环境中配置的跨域在将项目打包为静态文件时是没有用的 ，需要用 nginx 通过反向代理的方式解决这个问题# 工作模式与连接数上限events { ...}# 设定http服务器http { ... server { listen 8080; # 默认端口是 80，如果端口没被占用可以不用修改 server_name localhost; ...
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
vue-cli打包之后的项目在nginx的部署
vue-cli执行npm run build进行打包，生成dist文件夹，把该文件夹下的文件直接复制到nginx服务器目录下，就可打开项目，但是只有首页是可以看到的，再刷新一下就404了，原因是vue的项目为单页应用，路由找不到所致。所以要在nginx服务器配置对所有的路径或者文件夹进行跳转。重定向到首页index下，这样...
2024-01-10
vue+uwsgi+nginx部署
目录简介部署前端vue部署后端django配置nginx测试简介学城是前后端分离, vue前端提供静态页面, 且可以向后台发起get, post等restful请求。django后台提供数据支撑, 返回json数据，返回给vue, 进行数据页面渲染.1. 建立...
2024-01-10
Linux部署Python项目
项目部署项目部署对恩操作通常是由运维人员来进行统一管理装配的，但是对于一个开发人员来讲，基础的项目部署还是要会的。这里我主要讲解python的项目是如何部署的，至于项目哪里来的，这就要看观众如何抉择了，可以把自己写好的项目部署，也可以......(此处省略。。。你懂的O.O)最重要...
2024-01-10
【Java】Linux部署项目
首页专栏java文章详情0Linux部署项目JayX发布于 今天 09:44 1.开发环境：1) IDEA2) MariaDB 103) Java 1.82.运行环境:1) SQLyog 82) Windos Linux3) VMware MobaXterm4) SwitchHosts3.虚拟机:3.1 虚拟机介绍：虚拟系统通过生成现有操作系统的全新虚拟镜像，它具有真实windows系统完全一样的功能，进入虚拟系统后，所有...
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
关于将打包后的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 部署vue 以及同一端口下部署监听多个vue 项目
场景一 打包vue 命令： npn run build 项目目录下dist文件夹 nginx 部署 找到nginx conf目录下nginx.conf文件 location /{ root 打包后dist文件所在目录 index index.html } 由于项目请求采用前后分离 那么采用代理形式 那么api方式代理请求 location /api...
2024-01-10解决vue项目nginx部署到非根目录下刷新空白的问题
1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2024-01-10
Docker nginx部署二级域名访问多个web项目
前言情况是这样的，我借了朋友的阿里云服务器 用docker 部署一下自己的网站（方便管理）。他的服务器自身也用nginx挂了一个网站，端口也用的是默认的80端口。服务器有域名，keep999.cn我的是docker里面添加的nginx容器，代理的静态网页。docker映射的是8080端口出来，所以，访问的话，需要keep999.cn:8080来...
2024-01-10
iis站点下发布多个vue项目
记录一下iis上某个域名下发布多个vue项目的过程，主要分为webpack打包前的配置和iis重定向的配置。vue打包配置：1、在webpack 配置文件中（以vue.config.js为例），指定输出目录publicPath ，名称为你服务器上的二级目录，此处以 hcd 为例module.exports = { publicPath: '/hcd/',}2、路由配置在vueRouter中设置base基...
2024-01-10
vue 多项目部署---二级目录
新项目：同一域名下部署多个vue项目，根目录vue项目不需要按下面的方式进行打包部署https://www.xxxx.com/下面三个项目以二级目录部署https://www.xxxx.com/hmangehttps://www.xxxx.com/apihttps://www.xxxx.com/restful以上链接不可用，作为示例，不要点击。此方法适用于多vue项目，二级目录部署server { listen 80; ...
2024-01-10
江湖救急！！！liunx上部署vue项目报404
8230端口已经开放了，是前端项目的端口回答：加上这个试试？location / { root html; index index.html index.htm;}回答：现在百度都懒得用了吗location / { index index.html; try_files $uri $uri/ /index.html...
2024-02-28
uwsginginx部署flask
当前项目目录.├── app├── app.log├── app.py├── config.py├── manager.py├── Pipfile├── Pipfile.lock├── __pycache__│ ├── app.cpython-36.pyc│ ├── app.cpython-37.pyc│ └── view.cpython-36.pyc├── uwsgi.ini└── uwsgi.pidapp.py:from flask import Flask, requestfrom fla...
2024-01-10
Vue项目部署Nginx后，刷新页面出现404问题
在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置)增加：try_files $uri $uri/ /index.html; #解决页面刷新404问题server { listen 8080; server_name localhost; location / { root D:\vipsoft\dist; index index.html index.htm...
2024-01-10
vue nginx 部署后请求405 解决办法
这种问题大概率是你的nginx location 设置问题：server { listen 443 ssl; ssl_certificate /etc/nginx/cert/server.crt; ssl_certificate_key /etc/nginx/cert/server.key; server_name beta.sc.cn; charset utf-8; client_max_body_size 50M;...
2024-01-10
