html页面怎么解决跨域问题,前端web开发html如何避免js的跨域访问
今天开发几个页面,但是页面中调用了线上的一些http接口进行渲染页面,因为跨域问题,但是又不想弄成jsonp方式,因此弄个apache http server来折腾。这个只适用于linux
1.从apache下载apache httpd
2.下载安装后打开安装目录下conf文件夹的httpd.conf配置文件进行修改
3.首先修改Listen端口比如为8081,修改之后保存(因为可能默认的80端口被占用了,所以修改自己定义的)
Listen 8088
4.打开安装目录下bin文件夹的httpd启动
./httpd -X
5.打开浏览器输入localhost:8088,可以发现会出现It works!提示,这说明启动成功了
但是如果我需要换成我的一些静态html页面和js等,比如我有一个静态页面项目webapp,我放到/usr/local/apache2/webapp(当然自己可以指定放到其他目录)
那么再打开httpd.conf找到如下
DocumentRoot "/usr/local/apache2/htdocs"
#
# Possible values for the Options directive are "None", "All",
# or any combination of:
# Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
#
# Note that "MultiViews" must be named *explicitly* --- "Options All"
# doesn't give it to you.
#
# The Options directive is both complicated and important. Please see
# http://httpd.apache.org/docs/2.4/mod/core.html#options
# for more information.
#
Options Indexes FollowSymLinks
#
# AllowOverride controls what directives may be placed in .htaccess files.
# It can be "All", "None", or any combination of the keywords:
# AllowOverride FileInfo AuthConfig Limit
#
AllowOverride None
#
# Controls who can get stuff from this server.
#
Require all granted
将/usr/local/apache2/htdocs替换为/usr/local/apache2/webapp
DocumentRoot "/usr/local/apache2/webapp"
#
# Possible values for the Options directive are "None", "All",
# or any combination of:
# Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
#
# Note that "MultiViews" must be named *explicitly* --- "Options All"
# doesn't give it to you.
#
# The Options directive is both complicated and important. Please see
# http://httpd.apache.org/docs/2.4/mod/core.html#options
# for more information.
#
Options Indexes FollowSymLinks
#
# AllowOverride controls what directives may be placed in .htaccess files.
# It can be "All", "None", or any combination of the keywords:
# AllowOverride FileInfo AuthConfig Limit
#
AllowOverride None
#
# Controls who can get stuff from this server.
#
Require all granted
保存后,重新启动httpd再访问即可正常访问其他了。
html页面怎么解决跨域问题,前端web开发html如何避免js的跨域访问相关推荐
- 2018年20种最佳前端Web开发工具
有许多前端开发工具可以加速Web开发.以下是包含主要功能和下载链接的顶级工具的精选列表. 1)Npm: Npm是JavaScript的Node包管理器.它有助于发现可重用代码的包并以强大的新方式组装它 ...
- 2019年20种程序员必备前端Web开发工具
许多前端开发工具可以加速Web开发.以下是包含主要功能和下载链接的顶级工具的精选列表. 1)Npm: Npm是JavaScript的Node包管理器.它有助于发现可重用代码的包并以强大的新方式组装它们 ...
- 2020 前端必看 20个最好的 前端 Web开发工具
引言 市面上有许多前端开发工具可以加速 Web 开发工作.本文是对一些顶级 Web 开发工具的一次精选汇总,分别介绍了每款工具的关键特性,并已附上下载链接. 1. Novi Builder Novi ...
- css 所有字体大小,前端Web开发人员的CSS相对字体大小
在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体. 网页设计中最大的混乱之一是由font-size属性造成的. 在CSS中,可以使用多个单元,这只会导致设计人员额外头 ...
- web前端开源框架_9个用于前端Web开发的开源CSS框架
web前端开源框架 当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...
- web前端入职配置_我如何从全职妈妈变成前端Web开发人员
web前端入职配置 I thought about writing about my personal coding journey many times, but never had the cou ...
- web前端开发最佳实践_学习前端Web开发的最佳方法
web前端开发最佳实践 为什么要进行网站开发? (Why web development?) Web development is a field that is not going anywhere ...
- 前端web开发——有梦想就看过来!!
史上最详细web前端开发入门指南一--有梦想就来看看吧! 最近几天,本博主迷恋上了前端开发, 本着一颗探索的精神开始了.在学习的过程中呢.遇到了许多困难,也收获了许多,在此写一篇博客记录自己的学习过程 ...
- 2016年前端web开发趋势总结
如果你是名手机开发,你的老板希望你学习js,学习react_active,你会想为什么?我是名ios/android工程师,为什么学习大学老师讲过的js?Kidding me?真正的原因,是你正在处于 ...
最新文章
- 网页中的load函数
- 《为iPad而设计:打造畅销App》——想象iPad上的游戏
- 端口镜像 流量过滤_技术盛宴 | 流量可视化之ERSPAN的前世今生
- 【CV】使用OpenCV搭建违章停车检测系统
- 记录Hbase bug——org.apache.hadoop.hbase.PleaseHoldException: Master is initializing
- 计算机应用虚拟仿真实验答案,虚拟仿真 实验教学+.ppt
- [C++11]委托构造函数
- 清华大学:全面如期开课,履行社会责任!
- Ubuntu su: authentication failure切换用户失败
- 两分钟搞定阿里SQL面试题:亿级表合并
- Android工程的目录说明
- numpy中int类型与python中的int
- Primavera P6 数据字典分享
- (SQL)使用Excel连接数据库
- 女朋友让我深夜十二点催她睡觉,我有Python我就不干
- 还有没换国旗头像的么 头像领取方法 不要再@微信官方啦
- F.grid_sample采样
- 今日头条街拍图片抓取
- 硅谷初创企业裁员潮已经开始!这些领域正遭受重创
- 使用枚举实现编译时可变长数组
热门文章
- 7.3图的遍历(深度优先)-理论
- ajax视频播放,XMLHttpRequest加载视频并播放
- c#中使用mysql查询语句_遇到@符合怎么办_C# Mysql 查询 Rownum的解决方法
- chart.js x轴显示不全_机床大讲堂第67讲——基于FANUC系统的数控铣床增加第四轴的方法...
- java线程等待按钮点击_java如何用多线程使线程在sleep时等待按钮按下?
- python解析.pyd文件
- 文字 竖排居中_学会了这几招,瞬间就搞定PPT文字排版问题!
- liunx mysql端口没开_linuxmysql可以terminal登录,3306端口未打开原因记录(转)
- c语言大型软件设计的面向对象_C语言跟C++的根本区别以及特点
- java string类型详解_Java字符串类型详解