前端为什么要起服务(为什么要通过Live Server启动服务)

本文探讨了AJAX跨域问题的原因,指出在本地直接通过file协议运行页面导致的请求限制。解决方案包括通过服务器环境运行(如http://127.0.0.1:8888/),以及使用jsonp、nginx、node等技术。提供了相关博客链接以深入理解跨域解决方法。
摘要由CSDN通过智能技术生成

为了解决跨域的问题!!

以上错误提示是由于AJAX方法涉及到 跨域 的问题导致!

由于没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议)

本地页面ajax()请求本地页面,须通过服务器环境运行,类似这样:http://127.0.0.1:8888/ajax/index.html

我们自己在本地起服务访问自己 本地的 data.json里的数据。这样就是http://127.0.0.1访问http://127.0.0.1,不会跨域。

另外解决跨域问题有几种方法:我用过的是jsonp,nginx,node。详细看下面链接

链接:https://blog.csdn.net/zhongshijun521/article/details/74331560

链接:https://www.jianshu.com/p/c17a8bc27776

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Live Server 是一个用于本地开发的工具,它可以在你修改代码时自动刷新页面,让你更加高效地开发。使用 Live Server 很简单,只需要在 VS Code 中打开你的项目,然后点击 VS Code 右下角的“Go Live”按钮即可启动 Live Server启动后,你的项目将在默认浏览器中打开,并且在你修改代码时会自动刷新页面。如果你想停止 Live Server,只需要点击 VS Code 右下角的“Stop”按钮即可。 ### 回答2: Live Server是一个用于开发前端网页的工具,可以提供实时预览和自动刷新功能。以下是使用Live Server的步骤: 1. 首先,在你的开发环境中,使用npm安装Live Server。可以在命令行中运行以下命令: ``` npm install -g live-server ``` 2. 在你的项目目录中,找到要预览的网页文件,通常是一个HTML文件。 3. 打开命令行,进入到该项目目录。 4. 运行以下命令来启动Live Server: ``` live-server ``` 5. Live Server会自动为该项目启动一个本地服务器,并且会显示一个网址,如`http://127.0.0.1:8080`。你可以在浏览器中打开该网址来查看你的网页。 6. 当你对网页文件进行任何更改时,Live Server会自动检测到并重新加载页面,以便你可以实时看到变化。 7. 你还可以在网页上右键单击,选择"Open with Live Server"来启动Live Server。 请注意,Live Server只是一个本地开发服务器,用于开发和调试前端网页。它不适用于部署到实际的生产环境中。 ### 回答3: Live Server 是一个用于本地开发的插件,它可以在你保存文件时自动刷新浏览器,提供了一个实时预览的功能。使用 Live Server 可以极大地提高开发效率,以下是使用 Live Server 的步骤: 1. 首先,你需要在你的编辑器中安装 Live Server 插件。目前,Live Server 支持多个编辑器,比如 Visual Studio Code、Sublime Text、Atom 等。你可以在插件市场中搜索 "Live Server" 下载并安装它。 2. 安装完成后,在编辑器中打开你的项目文件夹。可以通过点击菜单栏中的 "文件" -> "打开文件夹" 或者使用快捷键来打开。 3. 打开项目文件夹后,在编辑器的左下方可以找到 Live Server 插件的图标(通常是一个圆圈里面有一个箭头),点击该图标启动 Live Server。 4. 在启动 Live Server 后,它会自动在你的默认浏览器中打开一个本地预览的网页,并且在你保存文件时会自动刷新网页以显示最新的更改。 5. 此时,你可以修改项目文件,比如 HTML、CSS、JavaScript 等,Live Server 会自动检测到文件的更改并刷新浏览器以呈现最新的效果。 6. 如果你想修改 Live Server 的一些设置,可以右击编辑器中的文件,然后选择 "在右边打开 Live Server 设置",在其中可以更改端口号、主机名等相关设置。 总的来说,使用 Live Server 很简便。只需简单几个步骤,你就可以实时预览你的项目,而不需要手动刷新浏览器。这对于开发过程中的调试和修改非常有帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值