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

相关推荐
u***420720 小时前
macOs安装docker且在docker上部署nginx+php
nginx·macos·docker
q***385120 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
zengyuhan50320 小时前
Windows BLE 开发指南(Rust windows-rs)
前端·rust
醉方休20 小时前
Webpack loader 的执行机制
前端·webpack·rust
喵个咪20 小时前
go-kratos-admin 快速上手指南:从环境搭建到启动服务(Windows/macOS/Linux 通用)
vue.js·go
用户8417948145621 小时前
vxe-gantt table 甘特图如何设置任务视图每一行的背景色
vue.js
前端老宋Running21 小时前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
隔壁的大叔21 小时前
如何自己构建一个Markdown增量渲染器
前端·javascript
用户44455436542621 小时前
Android的自定义View
前端
WILLF21 小时前
HTML iframe 标签
前端·javascript