小编viv*_* kn的帖子
head 标签未出现在视图源中：next:js
我已经创建了我的下一个 js appp，在其中实现了我的head标签，但是当我通过右键单击查看源时，我看不到我的标题和元标签，我该如何实现这一点？
尽管头标签丢失了，但view souce 可以在其中找到inspect element
<Head>
<title> {itm.Name} - wixten </title>
<link rel="shortcut icon" href="/wixten.png" />
<meta
name="viewport"
content="initial-scale=1.0, width=device-width"
/>
<meta name="description" content={itm.Summary} />
<meta charSet="utf-8" />
<meta property="og:title" content={itm.Name} />
<meta property="og:description" content={itm.Summary} />
<meta property="og:image" content="images/wixten.png" />
<meta property="og:locale" key="og:locale" content="en_US" />
<meta property="og:type" key="og:type" content="website" />
<meta
property="og:url"
key="og:url"
content={`${baseurl}${itm._id}`}
/>
</Head>
我正在codesandbox中添加完整代码
https://codesandbox.io/s/sweet-franklin-gpht9?file=/pages/index.js
我面临的问题是这个网站
https://wixten.com/query/61f4f5f9e41f700023c833c0
推荐指数
解决办法
查看次数
如何访问 Next.js 中 getServerSideProps 内的查询参数？
我试图getServerSideProps在我的代码中使用 get ，但我无法做到这一点，因为我无法通过router.query.itmid.
export async function getServerSideProps() {
// Call an external API endpoint to get posts.
const router = useRouter();
var id = router.query.itmid;
// You can use any data fetching library
const res = await fetch("https://ask-over.herokuapp.com/questone/" + id);
console.log("check");
console.log("dada");
const posts = await res.json();
// By returning { props: { posts } }, the Blog component
// will receive `posts` as a prop at build time
return {
props: {
posts,
},
}; …推荐指数
解决办法
查看次数
如何让谷歌机器人使用动态网址抓取我的反应网站并在谷歌中显示它们
我有这个网站，我们可以提出新问题。每当创建新问题时，都会生成新的网址，我希望每次添加新问题时谷歌都会抓取我的网站并将其显示在谷歌中。
我的前端在react js，后端在express js。
我的前端托管在firebase，后端托管在heroku。
由于我使用的是 javascript 并且我的网址都是动态生成的，因此谷歌不会抓取或索引它们。
目前，我正在将所有动态创建的网址写入后端根文件夹中名为sitemap.txt.
我应该怎么做才能实现这个目标？
我的站点地图链接 https://ask-over.herokuapp.com/sitemap.txt
我的反应应用程序链接 https://wixten.com
我的express.js 链接 https://ask-over.herokuapp.com
我想将 https://ask-over.herokuapp.com/sitemap.txt添加到 google 搜索控制台
推荐指数
解决办法
查看次数
无法加载资源：部署到 vercel next js 时服务器响应状态为 500 ()
我正在使用 next js 并添加getServerSideProps到我的项目中，当我将项目重新部署到 vercel 时，我收到了流动错误，但我的本地主机运行得很好
我正在使用 next js 并添加getServerSideProps到我的项目中，当我将项目重新部署到 vercel 时，我收到了流动错误，但我的本地主机运行得很好
export async function getServerSideProps() {
// Fetch data from external API
const res = await fetch(`https://ask-over.herokuapp.com/questapi`);
const data = await res.json();
// console.log(data);
// Pass data to the page via props
return { props: { data } };
}
module.exports = {
reactStrictMode: true,
}
推荐指数
解决办法
查看次数
使用类组件时在ReactJS中获取url参数
这是我在 React js 中的 URL
http://localhost:3000/meassger/student/1
我想1从 URL 中提取它是否是一个功能组件，我可以使用 ```useParams``
我收到这个错误
TypeError: Cannot read properties of undefined (reading 'params')
componentDidMount() {
console.log(this.props.match.params.id, "");
};
推荐指数
解决办法
查看次数
如何在本机反应中设置会话身份验证令牌
我正在尝试在我的 React Native 中设置一个会话，我是移动应用程序开发的新手。我不知道这是否是设置会话的正确方法，
我来自 React js 背景，所以我尝试了这种方法，但在 React Native 调试器的应用程序选项卡中，我找不到会话令牌集，有人可以解释并帮助我是否这是正确的做法
axios({
method: 'POST',
url: 'http://127.0.0.1:8000/api/register',
data: Data56,
});
.then(function (response) {
storeData(response.data.token);
alert('sucess');
.catch(error => {
alert(JSON.stringify(error.response, 'catch'));
});
}
推荐指数
解决办法
查看次数
react-chartjs-2 保持 x 轴始终为 0% 到 100%
我正在尝试创建一个react-chartjs-2条形图。
我想保持x 轴始终为 0% 到 100%。
现在图表仅显示 x 轴的最大百分比（如果 80% 是 x 值，则 x 轴最大值设置为 80）
scales: {
x: {
ticks: {
color: "white",
beginAtZero: true,
max: 100%,
},
grid: {
display: false, // Hide x grid
},
},
y: {
ticks: {
color: "white",
},
grid: {
display: false, // Hide y grid
},
},
},
推荐指数
解决办法
查看次数
axios 在本机反应中给出 [AxiosError: Network Error]
我是 React Native 的新手，我正在尝试使用 React Native 中的 axios 提交 api，但我 getiign [AxiosError：网络错误] 我不知道这是什么或如何解决这个问题
function getdata() {
const Data = {
babyname: babyname,
password: name,
email: email,
phone: nuber,
period: mydate,
};
console.log(Data);
axios({
method: 'POST',
url: 'http://127.0.0.1:8000/api/details/',
data: Data,
})
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
我在 React Native 中使用了默认的检查元素并打开了网络选项卡
推荐指数
解决办法
查看次数
Laravel Passport 返回主页而不是 api 响应
我正在尝试使用Laravel Passport来响应 api 中的令牌
我关注了这个博客来获取我的代码： https ://blog.logrocket.com/laravel-passport-a-tutorial-and-example-build/
我收到此错误：
Illuminate\Contracts\Container\BindingResolutionException：目标类 [Auth\UserAuthController]
正如 ulitmator 建议我添加的那样 x-www-form-urlencoded，但我仍然得到这个 Laravel 屏幕作为响应。
推荐指数
解决办法
查看次数
在 laravel 中使用授权令牌创建 get api
我有一个注册api，它将用户详细信息注册到数据库，它还使用 laravel Passport生成令牌 并将令牌保存到数据库中
现在我正在尝试创建一个get api，它将使用生成的令牌从数据库中获取所有数据
我尝试过什么
在 api.php中
Route::get('/get_user', [userDEtails::class, 'get_user']);
userDEtails.php 控制器
public function get_user(Reqest $req)
{
// what code must i add here
}
在邮递员中，我想在标头中添加令牌作为授权和 api 来工作
我正在使用 Laravel 框架 9.41.0
推荐指数
解决办法
查看次数
同时左右排列图像和文本
我正在尝试左右垂直加载图像和引号，但我对第三个图像和引号有问题。从某个地方添加了 margin css，但我无法找到问题。我已经给出了工作模型来理解我的问题，请检查！
.float-left {
float: right;
}
.next {
margin: auto 25px;
overflow: auto;
}
.flex {
display: flex;
}<div class="animate__animated animate__backInRight animate__delay-1s flex" loading="lazy">
<img src="./v-kart-restaurant-billing-software2.png" width="700" height="200" loading="lazy" />
<div class="margin-10">
<p>Simple dashboard for easy use of the pos software</p>
<p>
v-kart uses a simple and easy-to-use dashboard so that anyone will be able to use our software easily it has bigger buttons for easy and prolonged use of software
</p>
</div>
</div>
<div class="animate__animated …推荐指数
解决办法
查看次数
标签 统计
reactjs ×6
next.js ×3
laravel ×2
php ×2
react-native ×2
access-token ×1
axios ×1
chart.js ×1
css ×1
express ×1
html ×1
javascript ×1
sitemap ×1
token ×1
xml-sitemap ×1