解决vue部署到服务器请求接口404问题
-
第一步安装node环境
-
第二步使用npm 安装pm2
-
上传node安装包 安装项目各个模块 使用node server.js检测安装包
-
最后使用pm2 start server.js (到node项目目录)
-
安装宝塔管理工具
-
-
在宝塔里面安装所需要的模块（nginx mongodb 等）
-
在宝塔里面新建一个文件夹上传vue项目
-
-
配置nginx 我的vue本地跨域是
-
-
在nginx配置如图
-
server { listen 8080; server_name www.anhuione.cn; index index.html index.htm index.php; root /www/wwwroot/dist/; #error_page 404 /404.html; include enable-php.conf; location / { try_files $uri $uri/ /index.html; } location /api{ proxy_pass http://www.anhuitwo.cn:3000; add_header Content-Type "text/plain;charset=utf-8"; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST'; } -
-
访问使用 www.anhuione.cn:8080
-
跨域文件vue.config.js
-
链接：https://pan.baidu.com/s/10iS2wTgPn1mObwFpCphQ8g 提取码：r7ry
-