PHP页面没有'；部署到Web服务时不显示样式表或Javascript_Javascript_Php_Html_Css_Google App Engine

PHP页面没有'；部署到Web服务时不显示样式表或Javascript

javascript php html css google-app-engine

PHP页面没有'；部署到Web服务时不显示样式表或Javascript,javascript,php,html,css,google-app-engine,Javascript,Php,Html,Css,Google App Engine,我是PHP新手。首先，我创建了一个新的目录，复制了一些我一直在处理的CSS和JS文件，创建了一个PHP文件，并将HTML代码写入其中目录：然后我创建了一个app.yaml文件： application: project-test1234323 version: 1 runtime: php55 api_version: 1 handlers: - url: /.* script: feed.php <!DOCTYPE html> <html> <he

我是PHP新手。首先，我创建了一个新的目录，复制了一些我一直在处理的CSS和JS文件，创建了一个PHP文件，并将HTML代码写入其中

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

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

handlers:
- url: /.*
  script: 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>

feed.php文件的头：

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

handlers:
- url: /.*
  script: 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 Launcher），结果是：

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

handlers:
- url: /.*
  script: 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>

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

这是因为app engine还不知道在哪里可以找到这些文件。您需要在您的

app.yaml

的处理程序部分中公开它们：

您可以为所有静态资产编写规则，例如：

- 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
app.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">

... ... ...

这是因为appengine还不知道在哪里找到这些文件。您需要在您的
app.yaml
的处理程序部分中公开它们：
您可以为所有静态资产编写规则，例如：

- 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
app.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">

... ... ...

检查devtools中的
网络
选项卡，并检查console中是否存在任何问题errors@Aziz他犯了这么多错误。例如：uncaughtsyntaxerror：意外的令牌权限。您正在使用
jQuery
插件（jQuery.gritter），而没有添加核心
jQuery
库。。。我还看到一个
SCSS
文件夹，是否编译了
SCSS
文件？知道为什么CSS没有被引用吗@aziz检查devtools中的
网络
选项卡，并检查控制台中是否有任何错误errors@Aziz他犯了这么多错误。例如：uncaughtsyntaxerror：意外的令牌权限。您正在使用
jQuery
插件（jQuery.gritter），而没有添加核心
jQuery
库。。。我还看到一个
SCSS
文件夹，是否编译了
SCSS
文件？知道为什么CSS没有被引用吗@阿齐兹