亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ejs模板中css失效

ejs模板中css失效

SMILET 2019-03-15 19:15:38
css樣式丟失。應該是路徑的問題。訪問路徑是Request URL: http://localhost:3000/test.csscss和js是在同一個目錄的,路徑這樣寫應該是沒有錯的。在用html本地打開的時候樣式都還是可以出來的,但是本地運行js文件后,輸入網址訪問css樣式就不見了。希望各位大??梢圆涣哔n教,謝謝大家。下面是部分代碼。const express = require('express');const consolidate = require('consolidate');let server = express();server.set('view engine' , 'ejs');server.set('views' , './');server.engine('html' , consolidate.ejs);server.get('/' , (req , res) => {  res.render('index.ejs' , {username:'eric'});});server.get('/about' , (req , res) => {  res.render('about.ejs' , {username:'eric'});});server.get('/news' , (req , res) => {  res.render('news.ejs' , {username:'eric'});});server.get('/home' , (req , res) => {  res.render('home.ejs' , {username:'eric'});});server.get('/contact' , (req , res) => {  res.render('contact.ejs' , {username:'eric'});});server.listen(3000);<!DOCTYPE html><html><head>    <title>nav</title>    <link rel="stylesheet" type="text/css" href="test.css"></head><body>    <ul>        <li><a href="/home">主頁</a></li>        <li><a href="/news">新聞</a></li>        <li><a href="/contact">聯系</a></li>        <li><a href="/about">關于</a></li>    </ul></body></html>和css代碼應該是沒關系的,所以css代碼省略。
查看完整描述

1 回答

?
嗶嗶one

TA貢獻1854條經驗 獲得超8個贊

最好將css文件等分開放置,比如放置在同目錄下public文件夾下。
然后利用Express托管靜態文件: app.use(express.static(__dirname+'public'));。
相應訪問的鏈接為:href="/public/test.css"。

查看完整回答
反對 回復 2019-03-29
  • 1 回答
  • 0 關注
  • 741 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號