老师，npm run practice 后是静态文件效果

Question

好像记得老师讲过，是个什么配置的问题，想不起来了

Answer 1

Jokcy 2018-05-29 13:35:08

historyApiFallback

• 提问者 一飞同学 #1

  可以了，谢谢老师

• 谷小逸 回复 提问者 一飞同学 #2

  同学，请问这个配置项是在哪里进行配置啊

• 提问者 一飞同学 回复 谷小逸 #3

  devServer里

点开查看后面5条评论

Answer 2

vcfriend 2018-08-18 22:47:36

小哥帮忙看一下,如何访问老师写在practice目录中的示例代码呀.

咋弄的呀,修改文件 webpack.config.practice.js 代码如下还是不行啊

1 2 3 4 5 6 7 8 9

const devServer = {   port: 8080,   host: '0.0.0.0',   overlay: {     errors: true   },   hot: true,   historyApiFallback: { index: '/public/index.html' } }

webpack.config.base配置如下

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

const path = require('path') const createVueLoaderOptions = require('./vue-loader.config')   const isDev = process.env.NODE_ENV === 'development'   const config = {   target: 'web',   entry: path.join(__dirname, '../practice/index.js'),   output: {     path: path.join(__dirname, '../public'),     filename: 'bundle.[hash:8].js',     // 问题解决啦,修改这里的端口号为8080跟practice.js配置的端口一样就可以了     publicPath: 'http://127.0.0.1:8000/public/'   },   module: {     rules: [       {         test: /\.(vue|js|jsx)$/,         loader: 'eslint-loader',         exclude: /node_modules/,         enforce: 'pre'       },       {         test: /\.vue$/,         loader: 'vue-loader',         options: createVueLoaderOptions(isDev)       },       {         test: /\.jsx$/,         loader: 'babel-loader'       },       {         test: /\.js$/,         loader: 'babel-loader',         exclude: /node_modules/       },       {         test: /\.(gif|jpg|jpeg|png|svg)$/,         use: [           {             loader: 'url-loader',             options: {               limit: 1024,               name: 'resources/[path][name].[hash:8].[ext]'             }           }         ]       }     ]   } }   module.exports = config

public是文件夹吗,这是什么路径,为什么访问不了,控制台报如下错误

1	GET http://127.0.0.1:8000/public/bundle.e5484162.js net::ERR_CONNECTION_REFUSED

• 提问者 一飞同学 #1

  public是在config.base.js中，设置的有output路径

• vcfriend #2

  小飞哥,我想访问的是老师写在/practice/index.js里面的示例代码呀. 有空帮忙看看,我更新了提问..