我有一个文件位于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。
感觉这是一个非常基本的问题,但是我确实需要这些文件具有相对路径,并且这些路径能够按预期工作。那为什么不呢?
这是我的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/.
我使用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) 应用程序.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,我可以看到该页面,但如果我单击刷新,页面就会消失,我只能看到空白屏幕,如果我想要从外部访问它,即如果我直接在浏览器上输入相同的网址,我看不到该页面,它是空白的。如何在刷新时管理它并从外部访问它?
我在刷新时收到控制台消息
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)