2回答

IT种子选手

2019-07-06

新建vue.config.js，设置

const testJson = require('./test');
const path = require('path');

function resolve (dir) {
  return path.join(__dirname,  dir)
}

module.exports = {
  publicPath: '/', // 根路径
  outputDir: 'dist', // 构建输出目录
  assetsDir: 'assets', // 静态资源目录
  lintOnSave: false, // 是否开启eslint保存检测，有效值：true || false || 'error'
  devServer: {
    open: false, // 项目运行后是否自动打开浏览器
    host: 'localhost',
    port: 8081,
    https: false,
    hotOnly: false, // 热更新
    proxy: {
      // 配置跨域
      '/api': {
        target: 'http://localhost:5000/api/',
        wx: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    // 获取json数据
    before(app) {
      // http:localhost:8081/api/test
      app.get('/api/test', (req, res) => {
        res.json(testJson)
      })
    }
  },
  configureWebpack: config => {
    config.resolve = {
      extensions: ['.js', '.vue', '.json',".css"],
      // 配置路径别名
      alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        'styles': resolve('src/assets/styles')
      }
    }
  }
};

主要配置configureWebpack值，希望对你有所帮助。

1

2

weixin_慕勒2484493

大佬，按照你的写，怎么获取不了数据呢

2019-07-20

共2条回复

Dell

2019-02-27

3.0 和之前不一样了，我建议同学先用2.0的版本，之后学习下我的webpack课程，webpack里面我讲解了vue-cli 3 的详细内容

0

0