当前位置: 首页 > news >正文

vue2.0 打包,nginx部署

1、修改这里为空

否则报错:vue is undefined

2、修改为hash,重点:打包dist文件运行,必须这样

3、安装ngnix,重点:使用node的包:httpserve,失败

4、重点:配置代理转发

前端请求后端接口,用api前缀区分。

重点:后端地址很重要,因为没有加api,返回404,淘宝找两人解决问题,花了200rmb。

错误的配置:

location /api {
            proxy_pass http://test.abc.com//;#注意这里/和不加/区别很大哟
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
}

正确的配置:

location /api {
            proxy_pass http://test.abc.com/api/;#注意这里/和不加/区别很大哟
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
}

使用正确的配置后多了api的后缀,然后就不报404,成功部署。

到此耗时两天。

有点厌倦程序员的生活了,永远做不完的事情,解决不完的bug。

但是也要努力,奋斗。

http://www.lryc.cn/news/216670.html

相关文章:

  • 微服务架构之路1,服务如何拆分?使用微服务的注意事项?
  • 解决Mac电脑音乐显示歌名的乱码问题
  • 赢在电商设计!2024年最新电商设计实战技巧盘点
  • 约数之和 (普通快速幂求逆元做法)
  • 每日一题(LeetCode)----二分查找(三)
  • 使用 TensorFlow FasterRCNN 网络进行目标检测
  • 数据结构——顺序表(SeqList)
  • Uni-App 快捷登录
  • DbUtils + Druid 实现 JDBC 操作 --- 附BaseDao
  • css:元素居中整理水平居中、垂直居中、水平垂直居中
  • 从零开始的目标检测和关键点检测(二):训练一个Glue的RTMDet模型
  • React18新特性?
  • 筹码博弈K线长阳选股公式,穿越筹码密集区
  • 微服务设计模式-架构真题(六十八)
  • LeetCode----52. N 皇后 II
  • 解决pycharm中,远程服务器上文件找不到的问题
  • 虹科荣誉 | 喜讯!虹科成功入选“广州首届百家新锐企业”!!
  • 如何利用Jmeter从0到1做一次完整的压测?这2个步骤很关键!
  • 基于STM32+微信小程序设计的智能门锁(4种开锁方式)_2023
  • 享受户外的美好时光:花园吊椅的魅力
  • 游戏中找不到d3dx9_43.dll怎么办,教你快速解决方法
  • 蓝桥杯:买不到的数目
  • Nginx简介,Nginx搭载负载均衡以及Nginx部署前端项目
  • QT5.15.2搭建Android编译环境及使用模拟器调试(全)
  • npm install报 ERESOLVE unable to resolve dependency tree
  • CentOS 7上创建Python 3虚拟环境
  • B端设计必看的9个开源组件库,值得收藏!
  • 王坚院士:云计算与 GPT 的关系,就是电和电动机的关系
  • Git代码合并流程规范
  • 编译cef114.2 with h264