get请求中包含参数的静态资源出现错误404
get请求中包含参数的静态资源出现错误404
提问于 2017-07-28 05:10:54
我正在用node.js创建一个生物医学网站，我遇到了一个问题:在我的app.js (服务器文件)中，我有以下代码
app.get('/disease/:orphanetID', function(req, res) {
var orphanetID=req.params.orphanetID;
res.render('pages/disease.ejs', {activetitle: "views"});
});问题是disease.ejs中需要的所有静态资源都会得到一个错误404。
例如，对于disease.ejs中的以下代码：
<script src="static/js/DOMscripts.js"></script>在chrome控制台中，我看到：
(red cross) GET http://localhost:8080/disease/static/js/DOMscripts.js 问题是，我的静态资源在http://localhost:8080/static/js/DOMscripts.js上，在出现的网址中只有一个字符串“疾病”……这不是一个好的URL！
在测试了一些东西之后，我发现这段代码是有效的：
app.get('/disease', function(req, res) {
//var orphanetID=req.params.orphanetID;
res.render('pages/disease.ejs', {activetitle: "views"});
});所以如果我没有任何参数，它是有效的，但我需要它。
对于信息，我对静态资源的代码是：
app.use('/static', express.static(__dirname + '/public'));我应该怎么做才能有一个参数？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-28 05:13:26
更改脚本路径：
<script src="/static/js/DOMscripts.js"></script>Stack Overflow用户
发布于 2017-07-28 07:16:15
为了解释这里发生的更多情况，当您没有以/、//adomain.com/或http://adomain.com/开始您的静态资源URL时，浏览器将使这些URL相对于页面的URL。
因此，如果页面URL是：
http://adomain.com/disease/194并且在页面中有一个资源被指定为：
static/js/DOMscripts.js然后，浏览器将通过将页面的路径与资源的相对URL相结合来向服务器请求URL，因此您将获得以下请求：
http://adomain.com/disease/static/js/DOMscripts.js但是，您的服务器并不期望如此。您的服务器正在等待：
http://adomain.com/static/js/DOMscripts.js因此，为了解决这个问题，你可以让你的网址以一个/开头。这使得它只相对于页面的域，而不是页面的路径，浏览器将请求您所期望的资源的URL。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45361080
复制相关文章
相似问题
腾讯云开发者
