vue.js安装教程

官网地址：[https://cn.vuejs.org/v2/guide/installation.html](https://cn.vuejs.org/v2/guide/installation.html "https://cn.vuejs.org/v2/guide/installation.html")

安装vue 步骤  （安装（vue需要先安装npm）
1.开启`cmd` 进入命令
2.创建项目 进入需要创建文件位置盘 E: 回车键 cd  安装目录位置
3.`dir`
4.`vue init webpack vue13 `  （vue13为创建文件目录，可自定义）
安装 第一项可随意填写 后面一直NO
5.`npm install`
6.运行 vue 项目
`npm run dev`
接下来就可以进行开发了

**跨域配置**
项目目录下 config 下的index.js 添加跨域
```
dev: {

// Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
      proxyTable: {
          //跨域请求
          "/api":{
              target:"http://demo2.hbsjsd.cn/api",
              changeOrigin:true,
              pathRewrite:{
                  '^/api':''
              }
          }
      },
```

**如何打包**
npm run build

**服务器发布配置**
去除# 修改路由文件
```
export default new Router({
    mode:'history',
  routes: [
      {
          path: '/',
          redirect:'/index'
      },
```
mode改为history

请求问题
在宝塔控制面板中修改配置文章
```
<VirtualHost *:80>
ProxyPass /api http://demo2.hbsjsd.cn/api 
``` 
后期添加
在根目录下创建 .htaccess
写入
```
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>
```

解决360兼容问题
首先我们要安装 babel-polyfill
`npm install babel-polyfill --save-g`
安装完成后 在 main.js中 引入
`import 'babel-polyfill'`
并在webpack.base.conf.js中配置entry  位置在  build 中
`entry: {
    app: ['babel-polyfill', './src/main.js']
  }`

速建时代TPCMS管理系统

vue.js安装教程