nginx部署vue项目

已于 2022-04-02 10:46:09 修改
阅读量3k 收藏 3
点赞数
分类专栏： Vue 文章标签： javascript 前端 vue.js
于 2022-04-02 10:12:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leilei__66/article/details/123006666
版权

nginx部署vue项目

一、下载nginx

打开官网，选择对应版本下载

请添加图片描述

二、vue项目打包

  • 说明：一般打包使用一行命令就能打包
  • npm run build

三、修改nginx的配置

1、找到下方文件地址

请添加图片描述

2、修改下方2、3、4位置地址，位置1的地址可改可不改，只要端口号不冲突就好

  1. 位置1，是等会打开浏览网页的地址：http://localhost:8010
  2. 位置2，是打包后的vue项目地址
  3. 位置3、4，是后端ip地址

是打包后的vue项目地址
3. 位置3、4，是后端ip地址

最低0.47元/天 解锁文章
默默花上开
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx 部署 vue 项目找不到js css文件的解决方法
09-29
主要介绍了nginx 部署 vue 项目找不到js css文件的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Nginx解决vue项目服务器部署以及跨域访问后端
袁的博客
11-06 9549
Nginx解决vue项目服务器部署以及跨域访问后端
nginx部署vue项目，路由配置，后端访问接口配置
weixin_45393413的博客
08-22 7118
nginx部署vue项目，配置前端项目访问子路径，后端访问接口路径配置
Vue项目部署到Nginx服务器
最新发布
极限突破者的博客
05-17 704
本文将详细介绍如何将Vue前端项目部署到Nginx服务器。Nginx是一款开源的高性能HTTP服务器和反向代理服务器。
使用Nginx部署Vue+SpringBoot前后端分离项目(超详细！)
飞翔的企鹅的博客
09-28 2万+
需要的工具：Xshell 连接远程服务器、Xftp 服务器文件可视化。
nginx 作为vue项目服务器简单配置
zuidenaoshi的专栏
02-24 1718
nginx 作为web服务器，以及一个前端对应多个后端基本配置。
luinx下载nginx部署vue项目以及docker部署vue项目
03-19
luinx下载nginx部署vue项目以及docker部署vue项目
Luinx下安装nginx部署vue项目以及使用docker部署vue项目
03-19
Luinx下安装nginx部署vue项目以及使用docker部署vue项目
nginx中部署vue项目，以及配置后台反向代理和图片回显功能
weixin_59244784的博客
04-28 1722
nginx中部署vue项目，以及配置后台反向代理和图片回显功能
Nginx部署VUE前端页面（图文解说详细版）
编码人生
02-14 6735
如果你还没有安装Nginx，请参考： Linux安装Nginx 第一步，打包前端文件 npm run build 第二步，上传打包好的文件到Nginx的安装目录下的html 这里是使用的nginx的默认配置，如果需要自定义存放位置的话，可以去conf文件下的Nginx.conf去配置 第三步，自定义配置 第四步，启动Nginx 或者重启Nginx： ./nginx -s reload 第五步，访问你服务器的地址 ......
Nginx部署vue项目和配置代理
专注Java（全栈）应用开发，求知若渴，虚心若愚，talk is cheap, show me the code.
12-03 2877
网络爬虫的是一个非常常见的需求。首先在根目录下创建vue.config.js文件，这个配置文件会在运行项目的时候自动加载` 因为原来接口中不存在’/api’，我们人为加上去就是为了标识哪些接口需要实现代理，但是真正访问接口的时候还是要把接口uri中的‘/api’替换为‘’我们不仅可以为’/api’实现代理，也可以为其他具有同类功能的接口实现代理，比如我们的接口是发布在多个微服务中的，就需要我们设置多个代理地址，这时，就不能对axios设置统一的baseURL//axios.defaults.baseURL
Vue项目部署（Nginx）
weixin_42067873的博客
09-05 1万+
vue项目部署
Centos7.6部署Nginx服务器，并部署Vue前后端项目
qq_43403676的博客
04-26 4731
Centos7.6部署Nginx服务器，并部署Vue前后端项目
手把手教 Nginx 部署 Vue 项目
热门推荐
csdn_life18的博客
08-06 2万+
想必大家一定听说过 Nginx，若没听说过它，那么一定听过它的 同行 Apache 吧！Nginx 同 Apache 一样都是一种 Web 服务器。如果你还是对它不够了解，可以自己去深入的学习一下 Nginx 相关的知识，这里不做过多的介绍了，今天我们就来聊聊使用 Nginx 如何来部署我们开发好的前端 Vue 项目。......
nginx部署vue项目（成功详细版本）
大雾起了清晨
06-14 3011
nginx部署vue项目（成功详细版本）
手把手教你Docker+nginx部署Springboot+vue前后端分离项目(1)
qinglp的博客
04-10 719
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里获取！既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！[外链图片转存中…(img-PCX66cht-1712759738957)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
Nginx部署Vue前端项目
he先森的博客
12-01 3686
系统环境：Mac Pro—10.15.7版本Nginx版本：1.19.6。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值