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

相关推荐
Mintopia几秒前
Three.js 物体碰撞试验学习指南
前端·javascript·three.js
编码七号12 分钟前
【axios取消请求】如何在token过期后取消未响应的请求
java·前端·javascript
张开心_kx13 分钟前
面试官又问我是否了解React的单向数据流
前端·javascript·react.js
Web漫游14 分钟前
🔥2025年了你还不会使用Vue3?
javascript·vue.js
残轩16 分钟前
Win10 家庭版 Docker 环境搭建详解(基于 WSL2)
前端·后端·docker
palpitation9717 分钟前
Flutter分解布局选择辅助方法还是Widget?
前端
工呈士18 分钟前
HTML响应式网页设计与跨平台适配
前端·html
作曲家种太阳19 分钟前
第六章节 响应式的 computed 实现【手摸手带你实现一个vue3】
前端
腊月廿二20 分钟前
跨项目频繁切换node版本号(nvm-windows)
前端
策码22 分钟前
MutationObserver监听网页二次渲染和子节点变化
前端·javascript