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

相关推荐
wordbaby几秒前
小白也能看懂:小程序 Canvas 给图片添加水印的终极指南
前端·canvas
Mapmost几秒前
“汛”速响应:流域洪水仿真分析,如何实现淹没过程的精准推演?
前端
梁大虎3 分钟前
Electrobun 开发必看:CEF 依赖下载失败?手动解压一招搞定!
前端·javascript·后端
青青家的小灰灰14 分钟前
拒绝 Prop Drilling 与隐式耦合:Vue 组件通讯的全景指南与最佳实践
前端·javascript·vue.js
代码老中医14 分钟前
我赌5年后,90%的CRUD页面都是AI生成的
前端
bluceli15 分钟前
前端监控与错误追踪实战指南:构建稳定应用的终极方案
前端·监控
streaker30317 分钟前
多 IDE/Agent 环境下的 Skill 管理方案
前端·javascript·ai编程
Mintopia17 分钟前
密集信息展示:表格与布局的取舍与实践指南
前端
牛奶22 分钟前
从一行字到改变世界:HTTP这三十年都经历了什么?
前端·http·http3
OpenTiny社区1 小时前
以界面重构文字,GenUI 正式发布!
前端·vue.js·ai编程