vue-admin-template 怎么配置端口号以便于发请求

在Vue Admin Template中配置端口号以便于发起请求，你需要修改项目的配置文件。以下是一种常见的方式：

1. 打开项目根目录下的`config`文件夹，找到`index.js`文件。
2. 在`index.js`文件中，可以看到一个名为`dev`的配置对象，该对象用于开发环境的配置。
3. 在`dev`对象中，找到`port`属性，并将其设置为你想要的端口号。例如，将端口号设置为3000：

dev: {
  // ...
  port: 3000,
  // ...
}

4. 保存文件并重新启动开发服务器。

这样，你的Vue Admin Template项目将在指定的端口号上运行，并且你可以使用该端口号来发起请求。例如，如果你将端口号设置为3000，则可以使用`http://localhost:3000/`来访问你的项目，并在代码中使用该端口号作为请求的目标地址。

相关问题

vue-admin-template-master配置跨域端口号

在vue-admin-template-master中配置跨域端口号的步骤如下：

1. 打开vue-admin-template-master文件夹，在根目录下找到config文件夹，然后打开index.js文件。
2. 在index.js文件中找到dev对象，它是用于开发环境的配置项。
3. 在dev对象中找到proxyTable属性，这是用于配置代理的属性。
4. 在proxyTable属性中添加一个新的代理项，例如：

proxyTable: {
  '/api': {
    target: 'http://localhost:8080', // 跨域请求的目标地址
    changeOrigin: true, // 是否改变origin
    pathRewrite: {
      '^/api': '' // 路径重写
    }
  }
}

在上述代码中，我们将以`/api`开头的请求转发到`http://localhost:8080`这个目标地址。
5. 保存文件，重启开发服务器。

通过以上步骤，你可以在vue-admin-template-master中成功配置跨域端口号。请注意，根据你的实际情况，你可能需要调整代理项的配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue-admin-template登录功能前后端交互流程及编码](https://blog.csdn.net/qq_41950447/article/details/115870228)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

vue-admin-template和vue-element-admin

vue-admin-template和vue-element-admin是两个不同的项目。

vue-admin-template是一个基于vue-element-admin的后台管理系统基础模板，可以作为模板进行二次开发。它提供了一个简洁的基础框架，适合用于中小型后台管理项目的开发。你可以从GitHub上获取它的源代码，GitHub地址是https://github.com/PanJiaChen/vue-admin-template 。

而vue-element-admin是一个丰富的组件库，它包含了很多常用的组件和功能，可以作为一个工具箱。你可以从vue-element-admin中复制你需要的功能或组件到vue-admin-template中进行二次开发。这样可以加快开发速度，并且确保功能的完整性和稳定性。

总结起来，vue-admin-template是一个基础的后台管理系统模板，适合二次开发，而vue-element-admin是一个组件库，可以作为工具箱供开发者使用。