使用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)

相关推荐
一拳不是超人22 分钟前
DeepSeek Harness 为什么敢说"一切皆插件"?拆透 Cordis 引擎的五大核心机制
前端·人工智能·agent
IT_陈寒34 分钟前
Python的GIL让我多写了500行代码
前端·人工智能·后端
风骏时光牛马35 分钟前
AI智能体能力调度微服务
前端
大龄码农有梦想2 小时前
Vue + BPMN.js + Camunda:搭建企业级流程设计器完整实践
javascript·vue.js·流程设计器·bpmn.js·bpmn·流程审批·工作流设计器
Eloudy2 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆3 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户921080262863 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端
SoaringHeart4 小时前
Flutter最佳实践:Web项目中文字体首次加载乱码问题解决
前端·flutter
西安小哥4 小时前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_5 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript