对前后端分离如何调用接口这块感觉一直没怎么弄明白,但又不知如何说明,下面我模拟一个项目说明我的问题。

现在我们有个项目,前端用vue开发,后端php开发,后端测试地址为:localhost:8181,项目服务器地址是:www.cocoy.com。在开发阶段模拟数据(userdata.json)是放在static文件夹里,而在后端与userdata.json对应的文件userdata.php是在abc文件夹里的。

我的问题是:在开发阶段读取数据是这样的:get("../static/userdata.json"),那在测试阶段是不是要改成:get("http://localhost:8181/abc/userdata.php")。在生产环境把数据传到服务器后又该怎么读取数据,难道是:get("http://www.cocoy.com/abc/userdata.php")?

还是说传到服务器后前端和后端的文件分别放在不同的文件夹里,然后前端调用后端接口直接这样:get("../后端文件夹/abc/userdata.php")?如果是这样的话是不是只要将vue的设置文件里将static名称改一下就可以了?

对这块一直没弄明白,希望大佬能解释透彻一点,感激不尽!!!

vue调用接口修改密码_vue开发前后端分离前端如何调用后端接口?相关推荐

  1. 前后端分离前端部署方案是什么?

    这段时间,粉丝朋友会经常问到一个问题,即:前后端分离如何部署?前端部署方案是什么?虽然我们回复了很多次,但是依然有不少朋友有疑问.今天,小编就给大家整理出来,如果对这个问题感兴趣,就可以收藏起来随时查 ...

  2. Javaweb15==mysql+mybatis+servlet+axios+fasetjson+vue+elementUI前后端分离,实现列表后端分页、模糊查询后分页、新增、单一/批量删除、修改

    难点:模糊查询后再次分页,并可以选择页数. 最终环境配置: maven3.8:依赖包管理 IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从 ...

  3. vue多页面开发_使用VUE进行移动端H5页面开发前准备

    在正式使用Vue进行移动端页面开发前,需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在iphone7 plus上显示的很正常,然后切换到了Ip ...

  4. dotnetcore+vue+elementUI 前后端分离架 二(后端篇)

    前言 最近几年前后端分离架构大行其道,而且各种框架也是层出不穷.本文通过dotnetcore +vue 来介绍 前后端分离架构实战. 涉及的技术栈 服务端技术 mysql 本项目使用mysql 作为持 ...

  5. thinkphp后台_前后端分离决方案|thinkphpvueadmin 后台接口

    thinkphp-vue-admin 后台接口 |前后端分离决方案 它一套有thinkphp开发集成性后台接口,内置权限管理,api响应,psysh等多功能工具 他的作用 自带登录校验 快速完成数据格 ...

  6. 前后端分离/前端模块化/传统页面和单页面

    前后端分离讲解 1.从MVC到前后端分离 MVC:Model + View + Controller,即模型+视图+控制器,项目开发时分层会分为三层:控制层,业务层,持久层. 前后端分离:目前比较常用 ...

  7. Java 前后端分离业务封装 对后端返回值进行封装 PageVO封装

    遇到前后端业务需要不一致时对Controller返回结果进行封装 后端返回结果 前后端分离后 web 端要求结果 {"counts": 2694,"pagesize&qu ...

  8. 若依前后端分离前端使用Vue3启动教程

    Vue3前端项目地址:https://github.com/yangzongzhuan/RuoYi-Vue3 若依前后端分离后端项目地址:https://gitee.com/y_project/Ruo ...

  9. springboot前后端分离 前端请求图片问题

    1.前后端分离的情况下,前端通过服务器请求后端图片,通常是后端把图片放在服务器上的指定文件夹中,然后写一个配置类,前端访问后端数据库的图片路径,然后后端在配置文件中做文件映射,前端访问数据库的图片路径 ...

最新文章

  1. oracle 游标小例
  2. apache java windows_Apache for Windows 安装
  3. 如何选专业选课题?姚期智院士:首先成为一名科学家
  4. python3.7如何使用enum_Python3.4 枚举类型的使用
  5. Jmeter 生成HTML性能测试报告
  6. 【华为云技术分享】前端工程师必备:从浏览器的渲染到性能优化
  7. 【Maven】IDEA 创建Spring Boot项目出现 maven-wrapper
  8. STM32启动过程解析-2.02固件库启动文件分析
  9. photoshop改变图片大小,不改变像素
  10. unable to recognize ole stream是什么意思_洞彻状态管理,或者说为什么你永远做不到...
  11. uniapp和原生开发区别_web app和原生app有什么区别?
  12. [prolog 基础系列] Prolog 的使用以及 Knowledge Base
  13. [机器学习基石]台大林轩田笔记1 -- The Learning Problem
  14. Oracle 运维篇+进程追踪调试(AIX系统)
  15. 匹配 网络 Q值 带宽
  16. keytool 错误: java.io.IOException: Keystore was tampered with, or password was incorrect----gt;解决方法
  17. win7共享打印机设置
  18. 全国高精度数字高程模型 精度为5m的dem
  19. 谷歌浏览器直接启动打印不预览解决方案
  20. wine下玩魔兽的设置

热门文章

  1. VMware中linux虚拟机无法全屏显示的解决方法(1080P分辨率调节)
  2. 抛弃百度UMEditor,拥抱summernote (解决上传文件又慢又卡的问题)
  3. 解决 Electron 5.0 版本出现 require is not defined 的问题
  4. linux 下mysql忘记密码或者安装好linux后不知道mysql初始密码解决方案
  5. 解决发http get请求的时候不成功,出现android.os.NetworkOnMainThreadException的异常
  6. 如何从Swift调用Objective-C代码?
  7. Linux基础,命令的使用以及环境的安装,jdk,mysql,tomcat
  8. shell脚本验证ssh连通性_ssh远程管理服务
  9. 能量收集matlab程序_深港微电子学院汪飞课题组在Sensors and Actuators A: Physical上发表双谐振能量采集器论文...
  10. python绘制余弦曲线散点图_python中如何用matlibplot画正弦曲线?