Vue 項目 在局域網內訪問

之前在百度上看到過很多中  關於局域網訪問項目的方法， 在這里，個人推薦兩種比較喜歡的方法

一、直接在項目的package.json文件中進行配置 ，代碼如下

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.122",
    "build": "node build/build.js",
    "start": "npm run build:client && npm run build:server && cross-env NODE_ENV=production node server",
    "build:client": "cross-env NODE_ENV=production webpack --config build/webpack.client.conf.js --progress --hide-modules",
    "temp": "node tools/app.js",
    "build:server": "cross-env NODE_ENV=production webpack --config build/webpack.server.conf.js --progress --hide-modules",
    "lint": "eslint --ext .js,.vue src",
    "karma": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run"
  },

　直接在package.josn文件中 找到 上面這部分代碼 然后再scripts下的dev 結尾加一個參數   --host 192.168.0.122

二、Vue配置文件config下面的index.js把locahost改成0.0.0.0就行了,代碼如下

dev: {
    port: 8000,
    autoOpenBrowser: true,
    host: '0.0.0.0',
}

  這樣就可以在局域網內訪問了 完事