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

相关推荐

  1. nginx部署vue项目

    2024-05-10 11:58:12       46 阅读
  2. nginx部署vue项目

    2024-05-10 11:58:12       28 阅读
  3. nginx 二级目录部署vue项目

    2024-05-10 11:58:12       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-10 11:58:12       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-10 11:58:12       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-10 11:58:12       82 阅读
  4. Python语言-面向对象

    2024-05-10 11:58:12       91 阅读

热门阅读

  1. AIGC文生图 flask base64传递多张图片api

    2024-05-10 11:58:12       25 阅读
  2. C++ 62. 不同路径

    2024-05-10 11:58:12       29 阅读
  3. 文件上传前端处理

    2024-05-10 11:58:12       32 阅读
  4. C++ QT设计模式:备忘录模式

    2024-05-10 11:58:12       31 阅读
  5. Visual Studio和Visual Studio Code适用于哪些编程语言

    2024-05-10 11:58:12       31 阅读
  6. DevOps技术栈(Nginx)

    2024-05-10 11:58:12       35 阅读
  7. c#:求所有水仙花数的和

    2024-05-10 11:58:12       33 阅读
  8. 1329. 将矩阵按对角线排序

    2024-05-10 11:58:12       40 阅读
  9. RUST编程语言入门基础2024

    2024-05-10 11:58:12       31 阅读