vue-cli3+webpack搭建vue单页项目

最新推荐文章于 2024-05-14 15:38:41 发布

未来、可欺

最新推荐文章于 2024-05-14 15:38:41 发布

阅读量252

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_43498076/article/details/106939729

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1 全局安装vue-cli3

**npm i -g @vue/cli**

2 全局安装webpack和webpack-cli

**npm i -g webpack**

3 创建项目

**vue create xxxx(项目名称)**

4.新建一个config.js,可以自行配置项目
路径如下图👇
在这里插入图片描述

代码如下

**module.exports = {
  baseUrl: process.env.NODE_ENV === 'production' ? './' : '/',
  devServer: {
      port: 8383, // 端口号
      host: 'localhost',
      https: false, // https:{type:Boolean}
      open: true, //配置自动启动浏览器
      // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
      proxy: {
          '/api': {
              target: '<url>',
              ws: true,
              changeOrigin: true
          },
          '/foo': {`在这里插入代码片`
              target: '<other_url>'
          }
      },  // 配置多个代理
  }
}**