相关疑难解决方法(0)

绝对vs相对URL

我想知道这两种URL之间的区别:相对URL(图片,CSS文件,JS文件等)和绝对URL.

另外,哪一个更好用?

html url

195
推荐指数
7
解决办法
26万
查看次数

脚本src和Link rel中的相对路径始终解析为根URL

我有一个文件位于http://localhost:8081/develop

index.html位于http://localhost:8081/develop/index.html包含以下内容:

<html>
    <head>
        ...
        <link rel="stylesheet" href="./styles.min.css">
        <script src="./bower_components/jquery/dist/jquery.js"></script>
        <script src="./bower_components/moment/min/moment-with-locales.js"></script>
        <script src="./bower_components/elessar/dist/elessar.js"></script>
        <script src="./bower_components/EventSource/eventsource.js"></script>
        ...
    </head>
    <body>
        ...
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

所有文件均以开头./,告诉浏览器应在当前目录中搜索它们,例如:<script src="./bower_components/jquery/dist/jquery.js"></script>应该解析为http://localhost:8081/develop/bower_components/jquery/dist/jquery.js。很明显

但事实并非如此。而是将它们解决为http://localhost:8081/bower_components/jquery/dist/jquery.js,在控制台中引发大量错误。

在此处输入图片说明

如果./我不删除文件开头,而是删除第一个斜杠,也会发生同样的事情:<script src="bower_components/jquery/dist/jquery.js"></script>也解析为http://localhost:8081/bower_components/jquery/dist/jquery.js

感觉这是一个非常基本的问题,但是我确实需要这些文件具有相对路径,并且这些路径能够按预期工作。那为什么不呢?

javascript

2
推荐指数
1
解决办法
2017
查看次数

如何链接文件夹中可用的php文件

这是我的Navbar代码:

    <li class="nav-item"><a class="nav-link active" href="pages/about.php">about</a></li>
    <li class="nav-item"><a class="nav-link active" href="pages/foreword.php">Foreword</a></li>
    <li class="nav-item"><a class="nav-link active" href="pages/preface.php">Preface</a></li>
    <li class="nav-item"><a class="nav-link active" href="pages/vission.php">Vision</a></li>
Run Code Online (Sandbox Code Playgroud)

我的页面在页面文件夹中可用.当我在导航栏上按下时,它会导航到:

localhost/pages/about.php
Run Code Online (Sandbox Code Playgroud)

当我在导航栏上按前言时,它会导航到:

localhost/pages/pages/foreword.php
Run Code Online (Sandbox Code Playgroud)

我很困惑为什么会这样localhost/pages/pages/.

php anchor

1
推荐指数
1
解决办法
57
查看次数

静态文件在 Express JS 的子子路由中不起作用

我使用express-generator生成了项目结构在app.js中我有以下代码:

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var minifyHTML = require('express-minify-html');
var minify = require('express-minify');



var indexRouter = require('./routes/index');
var aboutRouter = require('./routes/about');
var productsRouter = require('./routes/products');
var contactRouter = require('./routes/contact');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');


// Minifying HTML Code
app.use(minifyHTML({
    override:      true,
    exception_url: false,
    htmlMinifier: {
        removeComments:            true,
        collapseWhitespace:        true,
        collapseBooleanAttributes: true,
        removeAttributeQuotes:     true, …
Run Code Online (Sandbox Code Playgroud)

javascript routes node.js javascript-objects express

1
推荐指数
1
解决办法
1808
查看次数

反应刷新后路由未定义

应用程序.jsx

<Router history={history}>
      <>
        <Switch>
          <Route path="/" exact component={HomePage} />          
          <Route path="/test/:id" exact component={TestPage} /> 
          <Route component={NotFound} />         
        </Switch>
      </>
</Router>
Run Code Online (Sandbox Code Playgroud)

render() 内的 HomePage.jsx

<Link to="/test/1" >Test link</Link>
Run Code Online (Sandbox Code Playgroud)

当我单击链接时,页面成功地将我重定向到http://localhost:8080/test/1,我可以看到该页面,但如果我单击刷新,页面就会消失,我只能看到空白屏幕,如果我想要从外部访问它,即如果我直接在浏览器上输入相同的网址,我看不到该页面,它是空白的。如何在刷新时管理它并从外部访问它?

我在刷新时收到控制台消息

错误

javascript reactjs react-router-dom

1
推荐指数
1
解决办法
1141
查看次数

图像不在线显示?

HTML:

<img src="file:///C:/Users/magnu/Downloads/IMG_0342.JPG" alt="logo">
Run Code Online (Sandbox Code Playgroud)

当我在PC上本地浏览器中运行代码时,将显示图像.但不是我在网上查看网站时.我究竟做错了什么?

CSS:

img{
    width:210px;
    length:210px;
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    position:absolute;
    left:600px;
    top:300px;
  }
Run Code Online (Sandbox Code Playgroud)

html css

-6
推荐指数
1
解决办法
66
查看次数