nuxt配置通过指定IP和端口访问的实现

技术  /  管理员 发布于 4年前   164

非常简单，只要加一个配置！

第1步，复制这个代码（端口可改）

 "config": {  "nuxt": {   "host": "0.0.0.0",   "port": "8090"  } },

第2步，找到根目录下的package.json，把代码粘贴进去。

这是全部的代码，我这里配置在了8~13行。

{ "name": "guanWangPhone", "version": "1.0.0", "description": "My bee's knees Nuxt.js project", "author": "kason", "private": true, "config": {  "nuxt": {   "host": "0.0.0.0",   "port": "8090"  } },  "scripts": {  "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",  "build": "nuxt build",  "start": "cross-env NODE_ENV=production node server/index.js",  "generate": "nuxt generate" }, "dependencies": {  "cross-env": "^5.2.0",  "element-ui": "^2.4.11",  "koa": "^2.6.2",  "nuxt": "^2.0.0",  "postcss-px2rem": "^0.3.0" }, "devDependencies": {  "node-sass": "^4.13.0",  "nodemon": "^1.18.9",  "sass-loader": "^8.0.0",  "scss-loader": "0.0.1" }}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• Nuxt.js踩坑总结分享
• 详解基于 Nuxt 的 Vue.js 服务端渲染实践
• Nuxt.js实战详解
• 使用Nuxt.js改造已有项目的方法
• 详解Nuxt.js部署及踩过的坑
• Vue.js通用应用框架-Nuxt.js的上手教程
• nuxt.js 缓存实践
• Nuxt配合Node在实际生产中的应用详解
• Nuxt.js开启SSR渲染的教程详解
• nuxt.js中间件实现拦截权限判断的方法