Vue

Posted 2021-01-12 ssmd

Vue

启动vue

npm run dev

部署vue项目

cnpm install -g vue-cli

cnpm install

cnpm install vue-ydui --save

删除项目目录下的 node_modules 目录，Linux下用root账户重新 npm install 或者 淘宝镜像 cnpm install ，Windows下用管理员权限运行terminal运行 npm install 或者 淘宝镜像 cnpm install。

删除node_modules

再执行cnpm install

还缺少的xxx就再cnpm install xxx

vue运行报错

删除package.json中

"dependencies": {

    "axios": "^0.16.1",

    "babel-runtime": "^6.23.0",

    "chalk": "^1.1.3",

    "jquery": "^2.2.3",

    "node-sass": "^4.5.3",

    "vue": "^2.2.6",

    "vue-router": "^2.3.1",

    "vue-ydui": "^0.5.8",

    "vuex": "^2.3.1"

  },

"vue-ydui": "^0.5.8",

nginx代理部署vue

nginx

location ^~ /mc/ {

        proxy_pass http://192.168.3.100:8082/;

        proxy_set_header   HOST             $host;

        proxy_set_header   X-Real-IP        $remote_addr;

        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;

    }

  apache

 .htacess

<IfModule mod_rewrite.c>

  RewriteEngine On

  RewriteBase /

  RewriteRule ^index.html$ - [L]

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteRule . /index.html [L]

</IfModule>

vue

config/index.js 配置

module.exports = {

build: {

assetsPublicPath: ‘/mc/‘, // 公共静态文件的路径前缀.

}

}

vue-router中的Route配置

const router = new Router({

base:‘/mc/‘, // 路由路径的前缀,需要和 nginx 中的配置保持一致.

mode: ‘history‘, // 切换路径模式，变成history模式

});