今天开发几个页面,但是页面中调用了线上的一些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的跨域访问相关推荐

  1. 2018年20种最佳前端Web开发工具

    有许多前端开发工具可以加速Web开发.以下是包含主要功能和下载链接的顶级工具的精选列表. 1)Npm: Npm是JavaScript的Node包管理器.它有助于发现可重用代码的包并以强大的新方式组装它 ...

  2. 2019年20种程序员必备前端Web开发工具

    许多前端开发工具可以加速Web开发.以下是包含主要功能和下载链接的顶级工具的精选列表. 1)Npm: Npm是JavaScript的Node包管理器.它有助于发现可重用代码的包并以强大的新方式组装它们 ...

  3. 2020 前端必看 20个最好的 前端 Web开发工具

    引言 市面上有许多前端开发工具可以加速 Web 开发工作.本文是对一些顶级 Web 开发工具的一次精选汇总,分别介绍了每款工具的关键特性,并已附上下载链接. 1. Novi Builder Novi ...

  4. css 所有字体大小,前端Web开发人员的CSS相对字体大小

    在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体. 网页设计中最大的混乱之一是由font-size属性造成的. 在CSS中,可以使用多个单元,这只会导致设计人员额外头 ...

  5. web前端开源框架_9个用于前端Web开发的开源CSS框架

    web前端开源框架 当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...

  6. web前端入职配置_我如何从全职妈妈变成前端Web开发人员

    web前端入职配置 I thought about writing about my personal coding journey many times, but never had the cou ...

  7. web前端开发最佳实践_学习前端Web开发的最佳方法

    web前端开发最佳实践 为什么要进行网站开发? (Why web development?) Web development is a field that is not going anywhere ...

  8. 前端web开发——有梦想就看过来!!

    史上最详细web前端开发入门指南一--有梦想就来看看吧! 最近几天,本博主迷恋上了前端开发, 本着一颗探索的精神开始了.在学习的过程中呢.遇到了许多困难,也收获了许多,在此写一篇博客记录自己的学习过程 ...

  9. 2016年前端web开发趋势总结

    如果你是名手机开发,你的老板希望你学习js,学习react_active,你会想为什么?我是名ios/android工程师,为什么学习大学老师讲过的js?Kidding me?真正的原因,是你正在处于 ...

最新文章

  1. 网页中的load函数
  2. 《为iPad而设计:打造畅销App》——想象iPad上的游戏
  3. 端口镜像 流量过滤_技术盛宴 | 流量可视化之ERSPAN的前世今生
  4. 【CV】使用OpenCV搭建违章停车检测系统
  5. 记录Hbase bug——org.apache.hadoop.hbase.PleaseHoldException: Master is initializing
  6. 计算机应用虚拟仿真实验答案,虚拟仿真 实验教学+.ppt
  7. [C++11]委托构造函数
  8. 清华大学:全面如期开课,履行社会责任!
  9. Ubuntu su: authentication failure切换用户失败
  10. 两分钟搞定阿里SQL面试题:亿级表合并
  11. Android工程的目录说明
  12. numpy中int类型与python中的int
  13. Primavera P6 数据字典分享
  14. (SQL)使用Excel连接数据库
  15. 女朋友让我深夜十二点催她睡觉,我有Python我就不干
  16. 还有没换国旗头像的么 头像领取方法 不要再@微信官方啦
  17. F.grid_sample采样
  18. 今日头条街拍图片抓取
  19. 硅谷初创企业裁员潮已经开始!这些领域正遭受重创
  20. 使用枚举实现编译时可变长数组

热门文章

  1. 7.3图的遍历(深度优先)-理论
  2. ajax视频播放,XMLHttpRequest加载视频并播放
  3. c#中使用mysql查询语句_遇到@符合怎么办_C# Mysql 查询 Rownum的解决方法
  4. chart.js x轴显示不全_机床大讲堂第67讲——基于FANUC系统的数控铣床增加第四轴的方法...
  5. java线程等待按钮点击_java如何用多线程使线程在sleep时等待按钮按下?
  6. python解析.pyd文件
  7. 文字 竖排居中_学会了这几招,瞬间就搞定PPT文字排版问题!
  8. liunx mysql端口没开_linuxmysql可以terminal登录,3306端口未打开原因记录(转)
  9. c语言大型软件设计的面向对象_C语言跟C++的根本区别以及特点
  10. java string类型详解_Java字符串类型详解