Vue启动项目的访问方式

最新新开了一个项目，发现启动成功只能通过localhost的方式访问，如果以127.0.0.1或者本地IP访问都访问不了

后来发现是vue.config.js配置的问题，把这个放开就可以了

查阅资料发现

host是指定开发服务器的主机名，默认值是 'localhost'。你可以将其设置为 '0.0.0.0'，以允许通过局域网中的其他设备访问开发服务器。例如，host: '0.0.0.0'。

附上详细参数信息：

• port：指定开发服务器的端口号，默认值是 8080。你可以根据需要将其设置为其他端口号。例如，port: 3000。
• open：一个布尔值，指定是否在启动开发服务器后自动在浏览器中打开项目，默认值是 false。如果将其设置为 true，则项目启动后会自动在浏览器中打开。例如，open: true。
• proxy：用于配置开发服务器代理的选项，用于将特定请求代理到另一个地址。这对于在开发过程中解决跨域问题非常有用。可以配置多个代理规则。一个常见的用法是将开发服务器代理到后端 API 服务器。例如：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

module.exports = {   devServer: {     proxy: {       '/api': {         target: 'http://backend-api.com',         changeOrigin: true,         pathRewrite: {           '^/api': '',         },       },     },   }, }; ``` 上述示例中，`/api` 开头的请求将被代理到 `http://backend-api.com` 地址，并通过 `changeOrigin: true` 开启跨域请求。`pathRewrite` 选项用于重写请求路径。

这些选项可以根据你的项目需求进行配置，以满足特定的开发环境要求。你可以根据需要在 devServer 字段中进行相应的设置。