vue前端获取本地IP地址

一百减一是零 2024-07-05 13:33:01 阅读 80

新建js文件

getIpAddress.js

<code>//获取本机的IP地址

function getNetworkIp() {

let ip = 'localhost';

try {

const network = Os.networkInterfaces();//获取本机的网路

for (const iter in network) {

const faces = network[iter];

for (const interface of faces) {

if (interface.family === 'IPv4' && interface.address !== '127.0.0.1' && !interface.internal) {

ip = interface.address;

return ip;

}

}

}

} catch (e) {

}

return ip;

}

module.exports = getNetworkIp;

在index.js文件中添加以下配置

dev: {

// Paths

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {},

// Various Dev Server settings

host: getNetworkIp(), // can be overwritten by process.env.HOST

useLocalIp: true,//允许使用本地IP地址进行访问

port: 18880, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

autoOpenBrowser: false,

errorOverlay: true,

notifyOnErrors: true,

poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

/**

* Source Maps

*/

// https://webpack.js.org/configuration/devtool/#development

devtool: 'cheap-module-eval-source-map',

// If you have problems debugging vue-files in devtools,

// set this to false - it *may* help

// https://vue-loader.vuejs.org/en/options.html#cachebusting

cacheBusting: true,

cssSourceMap: false

},



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。