vue配置ip及端口号（方法一）

源码资源网

vue配置ip及端口号（方法一）

在Vue项目中，如果你需要配置IP地址和端口号，通常是为了开发服务器设置。你可以在项目根目录中的vue.config.js文件中设置devServer选项。

如果你还没有这个文件，你可以创建一个。下面是一个配置示例：

1. // vue.config.js
   
2. module.exports = {
   
3.   devServer: {
   
4.     host: '0.0.0.0', // 你的IP地址
   
5.     port: 8080, // 你想要使用的端口号
   
6.   }
   
7. }

复制代码

如果你想要在应用程序中使用IP和端口号进行某些操作（例如API调用），你可以在环境变量中设置它们，并在应用程序中读取这些变量。

环境变量可以在.env文件中设置，例如：

1. # .env
   
2. VUE_APP_API_HOST=0.0.0.0
   
3. VUE_APP_API_PORT=8080

复制代码

然后在你的Vue应用程序中，你可以使用process.env来访问这些变量：

1. const apiHost = process.env.VUE_APP_API_HOST;
   
2. const apiPort = process.env.VUE_APP_API_PORT;

复制代码

请注意，环境变量名必须以VUE_APP_开头，这样它们才会被Vue CLI预处理到应用程序中。