vue打包后生成一个配置文件可以修改IP

要修改Vue打包后生成的IP地址，需要进行以下步骤：

1. 找到Vue项目的根目录下的config文件夹，其中包含了打包的配置文件，比如'prod.env.js'和'index.js'。
2. 在'prod.env.js'中添加以下代码：API_ROOT: '"http://your_server_ip_address/api"'，其中your_server_ip_address是你的服务器IP地址，保存文件。
3. 在'index.js'中找到webpack的默认配置，然后找到build属性。在该属性内找到以下代码：

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/',

修改为以下代码，把'/'替换为想要的路径，这个路径就是你的网站根路径或者你想要的二级目录路径：

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/your/base/path/',

1. 现在可以运行打包的命令了，是否可以看到IP地址已经被修改成功了。

以下是两个使用示例：

假设你想要在打包后的Vue项目里修改IP为192.168.1.10，且你想要设置网站的根路径为'/app'。

1. 修改'prod.env.js'文件，添加以下代码：

API_ROOT: '"http://192.168.1.10/api"'

1. 修改'index.js'文件，将以下代码：

assetsPublicPath: '/',

改为：

assetsPublicPath: '/app/',

1. 运行打包命令。

假设你想要在打包后的Vue项目里修改IP为127.0.0.1，且你想要设置网站的根路径为'/my-app'。

1. 修改'prod.env.js'文件，添加以下代码：

API_ROOT: '"http://127.0.0.1/api"'

1. 修改'index.js'文件，将以下代码：

assetsPublicPath: '/',

改为：

assetsPublicPath: '/my-app/',

1. 运行打包命令。