web开发没有服务器

额,今天在学习pixi,用的是webstorm 开发的,但是用file://xxx的方式进去的话老是会报错

Image from origin ‘file://‘ has been blocked from loading by Cross-Origin Resource Sharing policy: Received an invalid response. Origin ‘null‘ is therefore not allowed access.

那是因为webgl不支持file://这种资源,这种资源默认是跨域的。

于是去网上找解决方案咯。

在这里恰好有一个讨论的主题:

https://github.com/pixijs/pixi.js/issues/33

有一个老师想教他的学生通过pixi学习javascript,也遇到了和我一样的跨域问题。

楼下的大神ateoto提出了一个很简单的解决方案,当然,这个前提是你装了python。

进入你的项目的目录下,弹出cmd窗口,然后在窗口中输入:

python -m SimpleHTTPServer

python 3.x的话输入:

python -m http.server

然后回车,你就可以看到信息:
Serving HTTP on 0.0.0.0 port 8000...

意思是http服务器已经开启了。

那么你可以在浏览器中输入 127.0.0.0:8000 或者localhost:8000访问http服务了:

然后选择pixi项目(当然是要包含index.html的目录咯):

就这样就可以了。
时间: 2024-08-28 02:03:35

web开发没有服务器的相关文章

python web开发——c6 服务器部署

坑1: 用pip下载包记得用pip3 install XXX使得包安装在Python3中 坑2:使用以下方式打开在阿里云租用的服务器(linux)终端: #进入本机管理员权限 1 $ sudo -s 1 bash-3.2# ssh 服务器ip地址 -p 原文地址:https://www.cnblogs.com/IcarusYu/p/8519391.html

web开发的背景及常用服务器

一.web开发的相关知识 WEB,英语中web即表示网页的意思,它用于表示Internet主机上外界访问的资源. Internet上供外界访问的web资源分为: 静态web资源(如HTML页面):指web页面中供人们浏览的数据始终是不变的. 动态web资源:指web页面供人们浏览器的数据是由程序产生的,不同时间点访问web页面看到的内容各不相同. 静态web资源开发技术:HTML.css.JavaScript. 动态web资源开发技术: jsp/servlet.ASP.PHP.Python等.

javaweb学习总结十五(web开发的相关概念以及常用服务器介绍)

一:java web开发的相关概念 1:web分为静态web和动态web 2:模拟web服务器 web页面如果想让外部网络访问,必须通过网络程序读取资源,流程: a:用户通过浏览器访问网络程序 b:网络程序读取资源,然后响应给用户 代码: 1 /** 2 * 3 */ 4 package com.hlcui.testweb; 5 6 import java.io.FileInputStream; 7 import java.io.IOException; 8 import java.io.Out

PHP. 01. C/S架构、B/S架构、服务器类型、服务器软件、HTTP协议/服务器、数据库、服务器web开发、PHP简介/常见语法、PHPheader()、 PHP_POST/GET数据获取和错误处理

C/S架构 Client/Server 指客户端,服务器 架构的意思 优点:性能性高:可将一部分的计算工作放在客户端上,服务器只需处理出局即可   洁面炫酷,可使用更多系统提供的效果 缺点:更新软件需版本同步 不同设备访问:必须安装了客户端才能登陆 B/S架构 Browser /Server 指浏览器, 服务器.是WEB兴起后的一种结构 优点:更新简洁,对用户来说只需刷新浏览器即可   多设备同步:只要能够使用浏览器即可登录 缺点:性能较低:当时随着硬件性能的提升,这个差距在缩小   浏览器兼容

Java开发之使用websocket实现web客户端与服务器之间的实时通讯

使用websocket实现web客户端与服务器之间的实时通讯.以下是个简单的demo. 前端页面 1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &qu

给大家分享web开发新手修改hosts文件实现本地域名访问的正确方法

1.如何正确修改hosts文件: 一般打开hosts文件里面都会有个示例,按照其格式修改即可 比如以下内容: # For example: # # 102.54.94.97 rhino.acme.com # source server # 38.25.63.10 x.acme.com # x client host 即代表打开rhino.acme.com这个网址将解析到102.54.94.97,ip地址与网址间至少有一空格,当然建议通过按Table键来编辑,即美观又不容易编写失误;这也就是通过解

java web开发阅读笔记:第一章

学习该书前所用推荐书籍<名师讲坛-java开发实战经典> 一web开发前奏 1.1网页发展 首先搞懂. 1.HTTP:超级文本传输协议,是一种通讯协议. 通过这个网络协议WW浏览器与WWW服务器之间的通讯进行规定,并且通过这个协议我们可以浏览网页,通过网页从客户端写入信息,从服务端得到信息.而通常的HTTP消息包括"客户端->服务端"与"服务端->客户端"的消息传送,图解HTTP协议的功能: 是在客户端通过浏览器根据HTTP协议中向服务器端发

移动Web开发调研

背景 在移动互联网浪潮下,移动设备普及,对配置需要考虑移动端设备可访问性.Web作为最贴近用户的配置手段,面向从PC端传统页面,向移动端页面的转型. 概念 PC Web: 面向传统PC电脑的浏览器开发的Web人机交互界面. 移动Web:面向移动设备的浏览器开发的Web人机交互界面.移动设备包括:手机.Pad等移动设备. 移动APP:面向移动设备开发的APP软件,直接运行于移动设备的系统上.不同于移动Web,其不需要借助中间软件运行. Web APP: 以浏览器为入口,实现 App 的 Web 化

Web 开发学习顺序

如果你有耐心坚持个一年以上的话, 我会推荐HTML, css ,js, apache ,php, mysql 后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysql三个软件, 省的自己一个一个装.有不少人在评论里问mac os下对应的软件, 这里补充一下: XAMPP Installers and Downloads for Apache