javascript - PHP 页面在部署到 Web 服务时不显示样式表或 Javascript

标签 javascript php html css google-app-engine

我是 PHP 新手。为了开始工作,我创建了一个新目录并复制了一些我一直在处理的 CSS 和 JS 文件,并创建了一个 PHP 文件并将 HTML 代码复制到其中。

目录:

enter image description here

然后我创建了一个 app.yaml 文件:

application: project-test1234323
version: 1
runtime: php55
api_version: 1

handlers:
- url: /.*
  script: feed.php

feed.php 文件的标题:

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Dashboard</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Toastr style -->
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

我将它部署到我的 Google App Engine 元素(使用适用于 WIndows 的 Google App Engine 启动器),我最终得到了这个:

为什么我看不到我的样式表或与此相关的任何 Web 内容。我是否配置了错误的目录?

最佳答案

那是因为应用引擎还不知道在哪里可以找到这些文件。您需要在 app.yaml 的处理程序部分中让它们为人所知:

您可以为所有静态 Assets 编写规则,例如:

- url: /css
  static_dir: css

- url: /font-awesome
  static_dir: fontawesome

- url: /fonts
  static_dir: fonts

- url: /img
  static_dir: img

- url: /js
  static_dir: js

等等等等

为了让事情变得更简单,您可以将所有静态资源移动到一个新文件夹中,并创建一个处理程序来为它们提供服务,同时在您的主脚本中正确引用它们

.
├── app.yaml
├── feed.php
└── static
    ├── css
    ├── font-awesome
    ├── fonts
    ├── img
    └── js

应用程序.yaml:

url: /static
static_dir: static

feed.php:

<link href="static/css/bootstrap.min.css" rel="stylesheet">
...
...
...
<link href="static/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

Learn more about how to configure your php appengine app to respond to request handlers and static files here

关于javascript - PHP 页面在部署到 Web 服务时不显示样式表或 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35672807/

相关文章:

php - 打印数组、子数组等

javascript - 如何使 Chrome 扩展具有粘性?

html - 使选择文件按钮看起来像一个 div

c# 从代码后面更改javascript变量的值

php - 如何使用 PHP 从数据库中获取单个数字

javascript - 使用 HTML 和 JavaScript 在本地存储数据

php - 如果 for 循环从 mysql 数据库重复单行,我该怎么办?

html - 正确对齐图像

php - 在验证某些 $_POST 变量是否正确后,我希望关闭窗口。我如何使用 JQuery 执行此操作?

javascript - 按键盘上的向左箭头时移至上一个输入?