Vue项目IP访问配置-优快云博客

本文链接：https://blog.youkuaiyun.com/xvzhengyang/article/details/113631380

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>调试小技巧</title>
	</head>
	<body>
		<div id="app">
			<p>\config\index.js</p>
			<span>
				本地正常启动vue项目，localhost:9001 本地访问正常，但是使用 本机ip 却访问不行，因为host默认绑定的是：localhost ，因此只能本机访问，想要通过别的 ip 进行访问，做如下修改即可。
			</span>
			<p>
				修改:1.将 localhost 改成 0.0.0.0，表示不绑定地址，也就是意味着任意 ip 都能访问，跨机器，远程都支持。 然后重run项目，重启后如下： http://0.0.0.0:9001 再改成本地ip地址访问试试
				http://192.168.79.1:9001
				修改文件路径:config/index.js文件下的host
			</p>
		</div>
		<script type="text/javascript">
			// 1.将对象或者数组以表格形式打印到控制台
			console.table([{
					firstName: 'John',
					lastName: 'Doe',
					age: 2
				},
				{
					firstName: 'William',
					lastName: 'Shakespeare',
					age: 3
				}
			])
			const data = [{
					firstName: 'John',
					lastName: 'Doe',
					age: 2
				},
				{
					firstName: 'William',
					lastName: 'Shakespeare',
					age: 3
				}
			];
			// 2.将控制台的数据拷贝下来
			// 右键 store as global varable
			// 然后 再 JSON.stringify（temp6） 再复制出来
		</script>
	</body>
</html>