在Vue开发环境下，如何实现域名访问？

在使用Vue开发时，开发环境一般都使用本机访问。开发环境下，当运行“npm run serve”命令后， 在命令行窗口会显示如下信息：

App running at:

• Local: http://localhost:8081/
• Network: http://192.168.1.23/

其中Network显示的是本机的内网IP地址。这时即使你的机器有一个公有IP并绑定了域名，如果想从外网通过域名访问你的应用也访问不了。 当然，开发环境原本不鼓励从外网访问， 但偶尔也会有需要从外网访问测试一下。这个时候可以通过更改Vue的配置来实现。在配置文件vue.config.js 中，按下面的例子修改一下。

devServer: {
public: ‘www.mydomain.com’,
port: 8081
}

重新启动开发服务器后，命令行窗口显示如下：

App running at:

• Local: http://localhost:8081/
• Network: http://www.mydomain.com/

这样就可以通过域名访问Web应用了。