导入的html文件无法run,用vue-cli建的项目,npm run dev正常加载了index.html,但是加载不了js,无法初始化vue...

使用vue-cli建立的项目,将项目与服务器文件放在一起,想通过通过webpack生成的静态文件直接在服务在静态路径中运行.

现在通过npm run build 命令直接生成的dist静态文件,直接就可以通过服务器正常运行,但是通过npm run dev命令, 服务器只是加载了index.html文件,没有加载出js文件,导致vue不能初始化,只能看到index.html上的内容.

这样做的目的是想方便调试, 并且也是看了其他人的demo也是这样做的,很方便.但是遇到了这个问题,搜索了各种办法都无法解决.

自己搜索解决的过程中,觉得应该是配置问题, 但是始终没有解决,所在来这里请教下大家,先谢过了.

webpack.base.conf.js的配置,没有修改过

output: {

path: config.build.assetsRoot,

filename: '[name].js',

publicPath: process.env.NODE_ENV === 'production'

? config.build.assetsPublicPath

: config.dev.assetsPublicPath

},

config中index.js 将请求转到本地服务3001端口的配置

proxyTable: {

'/': {

target: 'http://localhost:3001/',

changeOrigin: true

}

}

index.html文件,主要是引用了一个app.js文件, 我感觉是这个路径的问题

name="viewport"

content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

my-os

说明加载到首页

node.js服务器中的一段代码

app.get('*', function (req, res) {

let html = fs.readFileSync(resolve('./' + 'index.html'), 'utf-8')

console.log()

res.send(html)

})

我的目的是想通过dev命令,也可以正常访问本地服务器.