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

相关推荐
工具罗某人4 分钟前
docker快速部署kafka
java·nginx·docker
二哈喇子!15 分钟前
前端HTML、CSS、JS、VUE 汇总
开发语言·前端
小白路过15 分钟前
node-sass和sass兼容性使用
前端·rust·sass
IT_陈寒15 分钟前
Python 3.12 新特性实战:这5个改进让我的开发效率提升40%
前端·人工智能·后端
两个西柚呀17 分钟前
每日前端面试题-防抖和节流
前端
阿眠25 分钟前
前端面试题
前端
清风徐来QCQ34 分钟前
SpringMvC
前端·javascript·vue.js
Smoothzjc35 分钟前
👉 求你了,别再裸写 fetch 做 AI 流式响应了!90% 的人都在踩这个坑
前端·人工智能·后端
沛沛老爹36 分钟前
Web开发者进阶AI:Agent技能设计模式之迭代分析与上下文聚合实战
前端·人工智能·设计模式
yong999043 分钟前
基于MATLAB的大变形悬臂梁求解程序
前端·数据库·matlab