使用nginx部署Vue项目

前提是后端已经跨域!

下载nginx,在路径下使用cmd打开nginx,关闭nginx使用任务管理器details end task

把dist中的文件都放到html文件夹中

打开conf,找到nginx.conf,编辑以下内容

location就是刚才放dist文件的那个文件夹,index就是指向主页的那个文件。

我这里前端是用/api/来与后端通信的,后端直接是http://127.0.0.1:8000/getdata,而不是http://127.0.0.1:8000/api/getdata,所以我用

复制代码
rewrite "^/api/(.*)$" /$1 break;

把api替换掉了,然后它的指向就正确了

nginx rewrite 用法,用rewrite去除URL中的特定参数-腾讯云开发者社区-腾讯云 (tencent.com)

相关推荐
LuHang7 小时前
我一行代码没写,把领导派的活做成了公司内部系统😭
前端
明月_清风7 小时前
Meta 开源了一个 AI Native 组件库:Astryx,150+ React 组件,专为 AI Agent 而设计
前端·人工智能·ai编程
仨孩子的爹7 小时前
Lodop、hiprint 与 vue-print-designer:打印控件选型对比
vue.js
用户850869276158 小时前
秒杀系统中 Shell 脚本并发控制 Bug:究竟哪里出了
前端
没差c9 小时前
winsw将jar、nginx等注册为Windows服务
windows·nginx·jar
炫酷的大高个10 小时前
6 亿播放的闪身步,我用前端算出 15 倍重心差
前端·javascript
不可能片场10 小时前
内容运营自动化 配图折行别把词切两半
前端·electron
Lank_M10 小时前
HEIC转JPG统一转sRGB,P3高饱和色就回不来了
前端
补码缩写10 小时前
sharp默认转JPG颜色没错,ICC和EXIF却全没了
前端
用户77833661321110 小时前
SerpBase AI Overview 引用卡片:React 组件实战
前端