- 检查Nuxt应用的端口是否被占用或是否正确设置。
在Nuxt应用的根目录下打开nuxt.config.js
文件,检查server
选项,确保port
项指定的端口没有被占用,并且host
项被设置为本地IP地址。例如:
module.exports = {
server: {
port: 3000, // 该端口不能被占用
host: 'localhost' // 也可以使用本地IP地址
}
// 其它配置项……
}
- 确认Strapi应用已正确启动并运行。
在Strapi应用目录下执行npm run develop
命令,确保Strapi应用可正常启动并运行,没有任何错误提示。
- 确认Nuxt应用正确调用Strapi应用。
在Nuxt应用中调用Strapi应用的接口时,需要使用Axios等工具发送请求。确保请求的URL格式正确,并且在请求头中包含JWT Token等所需的信息。例如:
// 在Nuxt应用的页面组件中调用Strapi应用的接口
export default {
async asyncData() {
const { data } = await this.$axios.get('/api/my-endpoint', {
headers: {
Authorization: 'Bearer ' + this.$store.state.token
}
})
return { myData: data }
}
}
通过以上方法可以排查Nuxt本地连接被拒绝的问题,并确保Nuxt应用正确调用Strapi应用。