Vue学习：webpack-dev-server和nginx问答

正向代理和反向代理的概念

正向代理和反向代理的概念如下：

• 正向代理。是一个位于客户端和原始服务器之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标（原始服务器），然后代理向原始服务器转交请求并将获得的内容返回给客户端。
• ​ 反向代理。是指以代理服务器来接受Internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给Internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。

vue 配置webpack-dev-server详细解释

vue 项目中，webpack-dev-server 是开发时使用的服务器，它可以提供一个HTTP服务器，并且会自动热重载你的代码更改。

在 vue 项目中配置 webpack-dev-server 通常是通过 vue.config.js 文件来完成的。以下是一个配置示例：

// vue.config.js
module.exports = {
  devServer: {
    open: true, // 自动打开浏览器
    host: 'localhost', // 服务器的IP地址
    port: 8080, // 服务器端口
    https: false, // 是否使用https
    hotOnly: false, // 是否开启热重载
    proxy: { // 设置代理
      '/api': {
        target: 'http://target-server.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''