写出一个vue2常见的vue.config.js配置

当然可以！下面是一个常见的 Vue 2 的 vue.config.js 配置示例：

module.exports = {
  // 基本路径
  publicPath: '/',
  
  // 输出文件目录
  outputDir: 'dist',
  
  // 静态资源目录
  assetsDir: 'static',
  
  // 是否在构建生产包时生成 sourceMap 文件，设置为 false 可加速生产环境构建
  productionSourceMap: false,
  
  // 开发服务器配置
  devServer: {
    // 端口号
    port: 8080,
    
    // 启用热加载
    hot: true,
    
    // 启用跨域
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        ws: true,
        changeOrigin: true
      }
    }
  }
};

这只是一个简单的配置示例，你可以根据自己的项目需求进行相应的修改和扩展。希望能对你有所帮助！如果还有其他问题，请随时提问。

相关问题

请给出使用vue.config.js文件中配置代理来实现跨域的代码

当然，我理解您的要求。下面是使用vue.config.js文件中配置代理来实现跨域的代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {  // 代理/api开头的请求
        target: 'http://localhost:3000',  // 访问的接口地址
        changeOrigin: true,  // 开启代理服务器
        pathRewrite: {
          '^/api': ''  // 将/api路径替换为空字符串
        }
      }
    }
  }
}

以上代码的意思是将以/api开头的请求代理到本地的3000端口，从而实现跨域访问。当然，仅仅只是这么写是不够的，还需要在发送请求时添加/api前缀。

希望能够对您有所帮助。

使用vue2写多页面怎么配置

### 回答1：
在 Vue 2 中使用多页面应用程序需要配置 webpack 来处理多个入口文件。

1. 创建多个入口文件，每个入口文件对应一个页面。
2. 修改 webpack 配置文件，设置多个入口和出口。
3. 使用 html-webpack-plugin 插件生成多个 HTML 文件，每个 HTML 文件对应一个页面。

详细配置方式可以参考一些开源项目，如： https://github.com/vuejs-templates/webpack

### 回答2：
使用vue2写多页面的配置主要有以下几个步骤：

1. 安装vue-cli：在命令行中执行`npm install -g vue-cli`来安装vue-cli。

2. 创建项目：在命令行中执行`vue init webpack my-project`来创建一个基于webpack的vue项目。其中`my-project`为项目名，可以根据自己的需求修改。

3. 配置多页面：进入项目文件夹，找到`src`目录下的`pages`文件夹，这个文件夹用于存放多页面的入口文件。在`pages`文件夹下新建一个文件夹，例如`home`，用于存放首页的入口文件。

4. 编写入口文件：在`home`文件夹下创建一个`main.js`文件，作为首页的入口文件。在`main.js`中，需要引入Vue、VueRouter等相关依赖，并创建一个Vue实例。

5. 创建页面模板：在`src`目录下新建一个`template`文件夹，用于存放页面模板。在`template`文件夹中创建一个`index.html`文件，作为页面模板。

6. 配置webpack：在项目根目录下找到`webpack.config.js`文件，在该文件中添加一个新的entry，用来指定首页的入口文件和模板文件。

7. 配置路由：在`src`目录下找到`router`文件夹，打开`index.js`文件，添加一个新的路由，用来指定首页的路径。

8. 运行项目：在命令行中执行`npm run dev`来运行项目。运行成功后，可以通过访问`http://localhost:8080`来查看项目。

以上就是使用vue2写多页面的配置步骤。通过这些配置，我们可以在一个vue项目中同时拥有多个页面，每个页面都有自己的入口文件和模板文件，方便进行多页面开发。

### 回答3：
要使用Vue 2写多页面应用，需要进行一些配置。

首先，需要在Vue项目的根目录下创建一个文件夹来存放多页面应用的相关文件，可以命名为"pages"。

然后在"pages"文件夹中，为每个页面创建一个文件夹，并在每个页面文件夹中创建一个"main.js"入口文件和一个"App.vue"组件文件。这些文件将包含每个页面的Vue实例和组件内容。

接下来，在项目的根目录下的"vue.config.js"文件中配置多页面应用的相关信息。首先，需要将"pages"文件夹路径添加到配置文件的"pages"属性中：

module.exports = {
  pages: {
    index: {
      entry: 'src/main.js',
      template: 'public/index.html',
      filename: 'index.html',
      title: 'Index Page',
    },
    about: {
      entry: 'src/pages/about/main.js',
      template: 'public/about.html',
      filename: 'about.html',
      title: 'About Page',
    },
    // 添加其他页面的配置
  },
};

在上面的示例中，配置了两个页面，"index"和"about"。每个页面的入口文件、模板文件、输出文件名以及页面标题都可以在配置中指定。

然后，在每个页面的"main.js"入口文件中，需要创建Vue实例并挂载到对应的DOM元素上。例如，在"pages/about/main.js"中：

import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: (h) => h(App),
}).$mount('#about');

在上面的示例中，通过引入相关组件和创建Vue实例来挂载到ID为"about"的DOM元素上。

最后，可以运行项目来查看多页面应用的效果：

npm run serve

以上步骤就是使用Vue 2写多页面应用的配置方法。多页面应用可以根据具体需求添加更多的页面配置，并在每个页面的入口文件中挂载不同的Vue实例。