當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

html页面怎么解决跨域问题,前端web开发html如何避免js的跨域访问

發布時間：2025/3/15 HTML 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 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"