Django_解决frame拒绝问题

痛定思痛。 2021-09-24 13:40 396阅读 0赞

#### 一、home页使用frame ####

template/home.html

<!DOCTYPE html>
    <html lang="en">
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <head>
        <title>自动化测试平台</title>
    </head>
    
    <frameset id="frame" rows="*" cols="265,*" framespacing="0" frameborder="yes" border="0">
        <frame src="../left" name="leftFrame" scrolling="auto" noresize>
        <frame src="../welcome" name="mainFrame" scrolling="NO" noresize>
    </frameset>
    <noframes>
        <body>
        <h1>hello</h1>
        </body>
    </noframes>
    </html>

#### 二、视图文件 ####

AutoTestPlat/views.py

def home(request):
        return render(request, 'home.html')
    
    def left(request):
        return render(request, 'left.html')
    
    def welcome(request):
        return render(request, 'welcome.html')

#### 三、urls映射文件 ####

urlpatterns = [
        path('admin/', admin.site.urls),
        path('', views.login),
        path('login/', views.login),
        path('home/', views.home),
        path('left/', views.left),
        path('welcome/', views.welcome),
    ]

命令行执行python manage.py runserver后，Chrome浏览器打开http://127.0.0.1:8000/home/，显示如下图。打开F12，报以下错误。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg1MTk3MA_size_16_color_FFFFFF_t_70]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg1MTk3MA_size_16_color_FFFFFF_t_70 1]

#### 四、解决方案 ####

在setting.py中设置：

# 解决frame跨域问题
    X_FRAME_OPTIONS = 'ALLOWALL url'

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg1MTk3MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200730161959188.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg1MTk3MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODg1MTk3MA_size_16_color_FFFFFF_t_70 1]: /images/20210923/6ee1132e91d5462ba096d48d2fbd5120.png