【VUE】新建项目

前提

安装脚手架

  npm install --global vue-cli  

新建项目

  vue  init webpack my-project     

运行项目

  npm run dev

 

遇到的问题

 出错：

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件

解决办法

   切到项目根目录，执行npm install

又出错：

"Unexpected end of JSON input while parsing near"

解决：

npm cache clean --force

重新运行npm install，成功

重新运行npm run dev，成功

 

上线部署

后端服务器域名      ***.***.com

后端页面访问路径  ***.***.com/webtest

1.修改router下的index.js

export default new Router({
    mode: 'history',
    base: '/webtest/',
    routes: [...]
})

2.config下index.js里build下的assetsPublicPath

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/webtest/'
}

3.npm run build 将index.html和static文件夹放入后端就可以访问了

遇到的问题

npm run build 时之前好用的module不好用了

后来执行了npm install就好使了，不知道原因。。